Dembrandt

Dense, linear, status-at-a-glance UI for specialists who use a tool all day. Use when designing dispatch, warehouse, logistics, scheduling or other B2B operations tools.

中文简介正在准备中。当前显示原文说明。

Lighthouse audits and Core Web Vitals — LCP, CLS, INP. Use when optimising page load, layout shift, input delay, images, fonts or render-blocking resources.

中文简介正在准备中。当前显示原文说明。

Mobile, tablet and desktop are different paradigms, not one layout scaled. Use when designing responsive layouts or deciding what each breakpoint shows.

中文简介正在准备中。当前显示原文说明。

Avoid inner scroll containers; when unavoidable, one axis at a time. Use when a layout, table or panel might scroll inside the page.

中文简介正在准备中。当前显示原文说明。

rem, px or relative units for each kind of value. Use when defining spacing and sizing tokens, control heights or media queries, or when a layout breaks under enlarged text.

中文简介正在准备中。当前显示原文说明。

Few semantic colours, each meaning one thing, and errors with a way forward. Use when designing status indicators, validation, alerts or error states.

中文简介正在准备中。当前显示原文说明。

Show where the user is and what their actions affect — breadcrumbs, regions, scope labels. Use when designing deep navigation or multi-section layouts.

中文简介正在准备中。当前显示原文说明。

Match information density to platform and user type. Use when designing data tables, dashboards or toolbars, or adapting a desktop product for mobile.

中文简介正在准备中。当前显示原文说明。

Size, colour, weight and position mark what matters most. Use when designing button groups, CTAs, cards, dashboards or any layout with a primary action.

中文简介正在准备中。当前显示原文说明。

Semantic HTML5, SEO basics, alt text, progressive enhancement and SPA concerns. Use when building web UI, reviewing markup or optimising for search.

中文简介正在准备中。当前显示原文说明。

Tabs swap views under a shared context. Use when designing tabbed layouts, settings pages, detail views or dashboards with several data views.

中文简介正在准备中。当前显示原文说明。

Helper text, placeholders, validation and submit behaviour. Use when designing or reviewing a form, input field or data entry UI.

中文简介正在准备中。当前显示原文说明。

View modes, row selection, mass actions, sorting, filters, search and table patterns. Use when designing data tables, listings, file browsers or any collection.

中文简介正在准备中。当前显示原文说明。

Shadows and layering that lift elements above the surface. Use when designing cards, dropdowns, modals, tooltips or any floating element.

中文简介正在准备中。当前显示原文说明。

Group controls with Gestalt principles so users see what belongs together. Use when laying out components, navigation, toolbars, forms or dashboards.

中文简介正在准备中。当前显示原文说明。

Cards, rows, tiles and cells are fixed slot models that stay aligned when content length varies. Use when building or reviewing any repeated component.

中文简介正在准备中。当前显示原文说明。

Sticky headers, bottom toolbars, floating action buttons and pinned table headers. Use when deciding what stays on screen while the user scrolls.

中文简介正在准备中。当前显示原文说明。

Set a surface apart by one means — border, elevation or fill — and keep opacity for state. Use when designing cards, panels, list rows, toolbars or any container.

中文简介正在准备中。当前显示原文说明。

WCAG 2.2 AA compliance as required by the European Accessibility Act. Use when designing, building or reviewing any user-facing interface for accessibility.

中文简介正在准备中。当前显示原文说明。

Buttons, inputs, badges and pills share radius, colour logic, shadow, border and spacing. Use when building or reviewing a component library.

中文简介正在准备中。当前显示原文说明。

Currency, language, region and unit selectors live in a low-profile header or footer spot. Use when designing locale switchers or product-wide preference controls.

中文简介正在准备中。当前显示原文说明。