WFDASH — Theme Preview
7 visual treatments · each shown in warm + dark · blue/gold/red brand palette
#4C96D7 #F2AF58 #E94E49
Pick one

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.

Reading guide
  • Blue → primary actions, links, active nav
  • Gold → revenue, accent CTAs, highlights
  • Red → destructive, over-budget, problem quotes
  • WFDASH already has a warm ↔ dark toggle via next-themes — these previews mirror that.
Theme 01

Crisp Minimal

Clean white surface, soft shadows, generous whitespace. Inter throughout. The "boring professional" — calm, scannable, scales to dense CRM tables.

Inter / Inter · radius 10px
Warm
WFDASH
14 open
Open quotes
14
▲ 3
Revenue (mo)
R 248k
▲ 12.4%
Pending approval
3
2 aged
New quote
Primary
#4C96D7
Gold
#F2AF58
Red
#E94E49
Status pills
New Approval pending Problem
Dark
WFDASH
14 open
Open quotes
14
▲ 3
Revenue (mo)
R 248k
▲ 12.4%
Pending approval
3
2 aged
New quote
Primary
#6BB0E8
Gold
#F2AF58
Red
#FF7A75
Status pills
New Approval pending Problem
Theme 02

Midnight Sapphire

Deep navy with electric blue accents. Reads like a control-room. Space Grotesk for authority, DM Sans for body.

Space Grotesk + DM Sans · radius 12px
Warm
WFDASH
14 open
Open quotes
14
▲ 3
Revenue (mo)
R 248k
▲ 12.4%
Pending approval
3
2 aged
New quote
Primary
#4C96D7
Gold
#F2AF58
Red
#E94E49
Status
New Approval pending Problem
Dark
WFDASH
14 open
Open quotes
14
▲ 3
Revenue (mo)
R 248k
▲ 12.4%
Pending approval
3
2 aged
New quote
Primary
#4C96D7
Gold
#F2AF58
Red
#E94E49
Status
New Approval pending Problem
Theme 03

Editorial Premium

Warm cream, serif headings, refined gold accents. Reads like a financial quarterly. Premium without being loud.

Playfair Display + Lato · radius 6px
Warm
WFDASH
14 open
November · Sales
Open quotes
14
▲ 3
Revenue (mo)
R 248k
▲ 12.4%
Pending
3
2 aged
New quote
Primary
#1E5A99
Gold
#B8842C
Red
#C0392B
Status
New Approval pending Problem
Dark
WFDASH
14 open
November · Sales
Open quotes
14
▲ 3
Revenue (mo)
R 248k
▲ 12.4%
Pending
3
2 aged
New quote
Primary
#7BB1E8
Gold
#F2AF58
Red
#F08580
Status
New Approval pending Problem
Theme 04

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.

Inter · radius 18px
Warm
WFDASH
14 open
Open quotes
14
▲ 3 new
Revenue (mo)
R 248k
▲ 12.4%
Problem quotes
2
aged > 7d
New quote
Tokens
Primary
#4C96D7
Gold
#F2AF58
Red
#E94E49
New Approval pending Problem
Dark
WFDASH
14 open
Open quotes
14
▲ 3 new
Revenue (mo)
R 248k
▲ 12.4%
Problem quotes
2
aged > 7d
New quote
Tokens
Primary
#4C96D7
Gold
#F2AF58
Red
#E94E49
New Approval pending Problem
Theme 05

Glass Aurora

Frosted cards on a gradient mesh. Modern, premium. Warm variant shifts to a cream-to-gold mesh.

DM Sans · radius 16px · backdrop-blur
Warm
WFDASH
14 open
Open quotes
14
▲ 3
Revenue (mo)
R 248k
▲ 12.4%
Pending
3
2 aged
New quote
Primary
#1E5A99
Gold
#B8842C
Red
#C0392B
New Approval pending Problem
Dark
WFDASH
14 open
Open quotes
14
▲ 3
Revenue (mo)
R 248k
▲ 12.4%
Pending
3
2 aged
New quote
Primary
#7DBDEF
Gold
#F8C77A
Red
#F08580
New Approval pending Problem
Theme 06

Tactile Soft

Neumorphic extrusions in soft tints of your brand colors. Calm, friendly, finger-friendly on touch screens.

Outfit + Nunito · radius 18px · neumorphic
Warm
WFDASH
Open quotes
14
▲ 3
Revenue (mo)
R 248k
▲ 12.4%
Pending
3
2 aged
New quote
Primary
#6BA6DC
Gold
#EBC384
Red
#E59C97
New Approval pending Problem
Dark
WFDASH
Open quotes
14
▲ 3
Revenue (mo)
R 248k
▲ 12.4%
Pending
3
2 aged
New quote
Primary
#7BB1E8
Gold
#F2AF58
Red
#F08580
New Approval pending Problem
Theme 07

Field Ops

Dense, functional, glove-friendly. Dark navy sidebar with gold CTAs. Built for warehouse / depot / yard use on phones or ruggedized tablets.

Inter · radius 8px · dense grid
Warm
Today
Nov 26
14 synced
Open
14
▲ 3
Revenue
R 248k
▲ 12%
Pending
3
2 aged
Flagged
2
problem
New quote
Recent
CNL · Q-1042New
Isherwood · Q-1041Approval
Acme · Q-1037Problem
Dark
Today
Nov 26
14 synced
Open
14
▲ 3
Revenue
R 248k
▲ 12%
Pending
3
2 aged
Flagged
2
problem
New quote
Recent
CNL · Q-1042New
Isherwood · Q-1041Approval
Acme · Q-1037Problem
Which pair fits?

Quick guide

Calm + scalable
Pick #1 Crisp Minimal — easiest to ship, easiest to maintain, plays well with the existing shadcn/ui components.
Night-shift / late work
Pick #2 Midnight Sapphire — dark by default, brand blue glows, low eye-strain.
Premium / executive
Pick #3 Editorial Premium — serif headings, warm cream, refined.
Tablet in a yard / depot
Pick #7 Field Ops — dense, big touch targets, gold CTAs pop.

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.