Brands813
↑ ↓ to browse
View full design.md ↗
Gusto· Financegusto.com
Finance

Gusto

A warm, confident payroll platform where a deep teal primary carries all interactive weight, a proprietary rounded sans rules every headline at semibold, and clean white surfaces with gentle card lift give small-business owners a system that feels capable without feeling cold.

Color Palette21 tokens
background#ffffff
surface#f5f2f0
surface-teal#f0f8f7
surface-gradient#dff1f5
ink#262626
ink-soft#535353
ink-muted#767676
primary#0a8080
on-primary#ffffff
primary-hover#0c9a9a
primary-container#f0f8f7
accent-coral#f45d48
accent-gold#997000
accent-blue#005397
accent-green#30a46c
success#30a46c
warning#997000
error#f45d48
border#e8e4e0
border-teal#0a8080
shadow-soft#1c1c1c
Buttons
TypographyGoogle Font
Nunitobrand uses clearface
display-hero

The quick brown fox

56px · 600 · 0.28px
display

The quick brown fox

48px · 600 · -0.24px
heading-section

The quick brown fox

42px · 600 · -0.55px
heading-sub

The quick brown fox

32px · 600 · -0.29px
body-large

The quick brown fox

19px · 400 · 0px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

Gusto

A warm, confident payroll platform where a deep teal primary carries all interactive weight, a proprietary rounded sans…

Finance
none
sm
md
lg
Elevation
RING
CARD
ELEVATED
Controls
On
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
Gusto
A warm, confident payroll platform where a deep teal primary carries all interactive weight, a proprietary rounded sans rules every headline at semibold, and clean white…
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
MemberPlanStatus
AQAvery QuinnPro Active
JLJordan LeeTeam Pending
SRSam RiveraFree Active
Avatars
AQJLSR+5
AQ
Avery Quinn
Online · Owner
Slider · Progress
Volume62%
Storage used78%
Tooltip · Popover
Brand-styled tooltipHover target

Keyboard shortcuts

Press ⌘K to open the command menu, ? for help.

Navigation bar
Banner
NewGusto just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeFinanceGusto
Menu
Profile
Settings
Billing
Sign out
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 Gusto.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Gusto tokens
export const theme = {
  primary: "#0a8080",
  radius: "8px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

Gusto's visual system is a masterclass in accessible friendliness — the kind that communicates "we handle your payroll so you don't have to worry" rather than "we are a bank." The…

Gusto · Finance

Similar systems

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

Filter by this ↗
Phantom81%

shared styles: Light, Minimal, Colorful · same category: Finance

Klarna80%

shared styles: Light, Minimal, Colorful · same category: Finance

Uniswap80%

shared styles: Light, Minimal, Colorful · same category: Finance

Brex80%

shared styles: Light, Minimal, Warm · same category: Finance

Coinbase79%

shared styles: Light, Minimal · same category: Finance

Pleo78%

shared styles: Light, Minimal, Warm · same category: Finance