Seven ways to dress your CRM
Each theme is now a pair — warm and dark — so you can see both modes side-by-side. Every mock shows WFDASH content (quotes, orders, customers) using your three brand colors. Pick the pair that feels right and I'll build the full design system (Tailwind palette + next/font + form spacing rules) for it.
- Blue → primary actions, links, active nav
- Gold → revenue, accent CTAs, highlights
- Red → destructive, over-budget, problem quotes
- WFDASH already has a
warm↔darktoggle via next-themes — these previews mirror that.
Crisp Minimal
Clean white surface, soft shadows, generous whitespace. Inter throughout. The "boring professional" — calm, scannable, scales to dense CRM tables.
Midnight Sapphire
Deep navy with electric blue accents. Reads like a control-room. Space Grotesk for authority, DM Sans for body.
Editorial Premium
Warm cream, serif headings, refined gold accents. Reads like a financial quarterly. Premium without being loud.
Bento Modular
Tinted cards on a cool base, big rounded corners. Each section feels like its own tile — great for at-a-glance CRM dashboards.
Glass Aurora
Frosted cards on a gradient mesh. Modern, premium. Warm variant shifts to a cream-to-gold mesh.
Tactile Soft
Neumorphic extrusions in soft tints of your brand colors. Calm, friendly, finger-friendly on touch screens.
Field Ops
Dense, functional, glove-friendly. Dark navy sidebar with gold CTAs. Built for warehouse / depot / yard use on phones or ruggedized tablets.
Quick guide
Tell me the number — or "give me a hybrid of 1+7" or any direction — and I'll lock it in as your Tailwind palette extension + next/font setup + form spacing rules.