dembrandt

dembrandt/dembrandt-skills

dembrandt/dembrandt-skills

Top bar, sidebar rail, app launcher, tenant and environment cue, status bar. Use when designing the persistent shell, a collapsibl...

dembrandt/dembrandt-skills

dembrandt/dembrandt-skills

dembrandt/dembrandt-skills

dembrandt/dembrandt-skills

dembrandt/dembrandt-skills

dembrandt/dembrandt-skills

View modes, row selection, mass actions, sorting, filters, search and table patterns. Use when designing data tables, listings, fi...

Orchestrator that routes a UI/UX task through brand, tokens, layout, components, polish and accessibility. Use for multi-concern w...

dembrandt/dembrandt-skills

dembrandt/dembrandt-skills

Extract colours, typography, spacing, components and W3C design tokens from a live website with Dembrandt. Use when you need a sit...

dembrandt/dembrandt-skills

dembrandt/dembrandt-skills

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

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

Naming, navigation, a UI that mirrors the data model, confirms for irreversible changes. Use when structuring a large application ...

dembrandt/dembrandt-skills

dembrandt/dembrandt-skills

dembrandt/dembrandt-skills

dembrandt/dembrandt-skills

Modals, drawers, bottom sheets and popovers, each with its scope and blocking level. Use when designing dialogs, confirmations, si...

Ratio-based type scale where every size relates to the others. Use when defining font sizes or type tokens, or when typography fee...

dembrandt/dembrandt-skills

dembrandt/dembrandt-skills

dembrandt/dembrandt-skills

dembrandt/dembrandt-skills

dembrandt/dembrandt-skills