SaaS

Deel

A white-canvas global HR platform where a custom condensed grotesque (Bagoss) drives large-format headlines, Inter handles everything operational, and a rich purple-violet accent anchors every primary action against a deliberately airy background.

Color Palette26 tokens

background#ffffff

surface#faf4ee

surface-dark#1b1b1b

surface-purple#201547

ink#1b1b1b

ink-secondary#404040

ink-muted#8a827e

ink-faint#b3aba4

on-dark#ffffff

on-accent#ffffff

primary#7d5bc9

primary-light#a98df6

primary-container#c4b1f9

primary-deep#5938b7

accent-yellow#ffcf25

accent-yellow-light#ffeba6

accent-green#3f9532

accent-green-light#8cca82

success#3f9532

error#e30004

error-light#f95250

info#2187cf

border#d6d6d6

border-strong#1b1b1b

shadow-soft#1b1b1b

shadow-mid#000008

Buttons

TypographyGoogle Font

DM Sansbrand uses BagossExtendedFont

display-hero

The quick brown fox

64px · 600 · 0.32px

display

The quick brown fox

60px · 500 · -0.3px

heading-section

The quick brown fox

44px · 500 · -0.22px

heading-sub

The quick brown fox

28px · 500 · -0.14px

body-large

The quick brown fox

30px · 600 · 0px

IconsLucide

Set: Lucide · brand-matched

Formfocus ring

you@company.com

Password

••••••••

Card · Shapes

Deel

A white-canvas global HR platform where a custom condensed grotesque (Bagoss) drives large-format headlines, Inter handl…

SaaS

Elevation

RING

CARD

ELEVATED

Controls

Off

✓Checked

Unchecked

Selected

Option

Alerts

Heads up — a new version of the design system is available.

Saved. Your changes are live across all surfaces.

Some tokens are missing a contrast-safe pairing.

Couldn’t reach the server. Retry in a moment.

Badges

SolidSoftOutlineNewv2.0

FAQ

Deel

A white-canvas global HR platform where a custom condensed grotesque (Bagoss) drives large-format headlines, Inter handles everything operational, and a rich purple-viole…

How does it integrate with my stack?

Is there a free tier?

Tabs

OverviewActivitySettings

DayWeekMonth

Stats

48.2k

Active users

+12.4%

$12.8k

MRR

+3.1%

99.9%

Uptime

−0.02%

Table

Member	Plan	Status
AQAvery Quinn	Pro	Active
JLJordan Lee	Team	Pending
SRSam Rivera	Free	Active

Avatars

AQJLSR+5

Avery Quinn

Online · Owner

Slider · Progress

Volume62%

Storage used78%

Tooltip · Popover

Brand-styled tooltipHover target

Navigation bar

Banner

Pricing

Pro

$24 /mo

Unlimited projects
Priority support
Custom domains

Stepper

CartDetails3Payment4Review

Breadcrumb

HomeSaaSDeel

Toast

Changes savedUndo

You have 3 new updates

Activity

Avery created a new project

2h ago

Jordan left a comment

5h ago

Sam shipped v2.0

1d ago

Notifications

AQAvery Quinn invited you to Deel.

2 minutes ago

JLJordan Lee approved your design tokens.

1 hour ago

SRSam Rivera mentioned you in a thread.

Yesterday

Code

theme.ts

// Deel tokens
export const theme = {
  primary: "#7d5bc9",
  radius: "8px",
}

Calendar

March 2026

SMTWTFS28291234567891011121314151617181920212223242526272829303112

No resultsTry adjusting your filters or search for something else.

Pagination

‹123…12›

Brand moment

Deel sells global payroll, HR, and compliance from one platform, and its marketing site behaves like a product that wants you to feel the scale — not intimidate you with it. The ca…

Deel · SaaS

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗

Y Combinator83%

shared styles: Minimal, Bold · same category: SaaS

Slack78%

shared styles: Minimal, Bold · same category: SaaS

Patreon78%

shared styles: Minimal, Bold · same category: SaaS

Ghost77%

shared styles: Minimal, Bold · same category: SaaS

Miro70%

shared styles: Bold · same category: SaaS

Loom70%

shared styles: Minimal · same category: SaaS