A professional enterprise dashboard for global team management.
02
Color
#FAAF00Accent
#1B1B1BInk
#3B3B3BInk soft
#FFFFFFBG
#F7F5F2BG soft
#141414BG quiet
#888888Muted
rgba(0, 0, 0, 0.16)Line
Clean whitespace with high-contrast dark and light sections, grounded by a bright primary accent.
03
Typography
transitional-serif · humanist-sans · monospace
display56px · 560
heading36px · 500
body16px · 400
caption14px · 400
Headlines use a transitional serif font for premium weight. · Body text uses a highly legible humanist sans-serif. · Primary text color is a deep charcoal (#1B1B1B) rather than pure black.
04
Spacing
4px
8px
12px
16px
24px
32px
48px
64px
96px
A consistent 4px base grid applied to padding, gaps, and margins.
05
Surfaces
sm · 4px
md · 8px
lg · 16px
pill · 999px
Minimal borders, using subtle shadows and color contrast to define surfaces.
Captured from the live site · real computed styles
11
System prompt
Deel is a premium SaaS platform for global workforce management. Its design DNA is built on a clean, high-contrast palette of white, charcoal (#1B1B1B, #141414), and a distinctive golden accent (#FAAF00). Typography mixes a professional transitional-serif for bold headlines with a highly readable humanist-sans for body text. The layout is spacious, utilizing a 1280px container with generous whitespace and a 4px base grid. Interaction is refined, featuring pill-shaped buttons, subtle shadows, and smooth cubic-bezier transitions. Critical donts: avoid neon colors, avoid sharp rectangular buttons, and avoid dense, cluttered layouts.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.