Best practices · dsgn

Seven voices, seven checklists.

Not generic UI advice — the real Do/Don’t rules and pre-output checklists from each of the dsgn Agent Skill’s seven style-persona files. Every rule here governs a specific, checkable visual decision, not a platitude — pick the voice you’re building in and run its checklist before calling the work done.

Checkboxes here are a real review aid, not a form that submits anywhere — check items off as you verify your own work, refresh to reset.

← See the full skill these checklists come from The token system these rules reference →

Seven voices, seven checklists.

Glass / Dark-CyanDark OLED, cyan accent, glass panels — this site's own default voice.

Editorial / WarmWarm paper, serif display type — portfolios and content-first sites.

Brutalist / MonoPure black/white, thick borders, monospace — developer tools and changelogs.

Soft / MinimalSilver-grey, huge whitespace, ambient shadow — consumer and wellness products.

Neon / CyberpunkNear-black, saturated multi-color glow — gaming and entertainment.

CorporateNear-white/near-black neutral, one restrained accent — enterprise SaaS and dev platforms.

StartupDark saturated background, gradient accent, oversized type — launches and marketing sites.