Brands813
↑ ↓ to browse
View full design.md ↗
WorkOS· Dev Toolsworkos.com
Dev Tools

WorkOS

Enterprise auth infrastructure with a designer's sensibility — Untitled Sans at extreme negative tracking, an indigo-violet primary, a teal accent for secondary CTAs, and a whisper-cool off-white canvas that feels like the product itself.

Color Palette22 tokens
background#ffffff
surface#f9f9fb
surface-dark#14182e
ink#29363d
ink-secondary#656b8a
ink-muted#8b8d98
on-dark#ffffff
on-teal#030628
primary#6363f1
primary-container#1a1736
on-primary#ffffff
accent-teal#23f0c3
accent-teal-glow#19cba4
ink-tertiary#aeb2cc
ink-light#8f96bd
border#e8eaed
border-strong#d272ff
success#00ae48
info#558adb
shadow-deep#110654
shadow-soft#000000
hover-surface#eef4fc
Buttons
TypographyGoogle Font
Interbrand uses Untitled Sans
display-hero

The quick brown fox

80px · 500 · -5.6px
display

The quick brown fox

52px · 500 · -2.6px
heading-large

The quick brown fox

38px · 500 · -1.52px
heading

The quick brown fox

28px · 500 · -1.4px
heading-sub

The quick brown fox

20px · 500 · -0.2px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

WorkOS

Enterprise auth infrastructure with a designer's sensibility — Untitled Sans at extreme negative tracking, an indigo-vio…

Dev Tools
none
xs
sm
md
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
WorkOS
Enterprise auth infrastructure with a designer's sensibility — Untitled Sans at extreme negative tracking, an indigo-violet primary, a teal accent for secondary CTAs, and…
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
NewWorkOS just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeDev ToolsWorkOS
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 WorkOS.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// WorkOS tokens
export const theme = {
  primary: "#6363f1",
  radius: "16px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

WorkOS occupies an unusual position in the developer tooling space: it is enterprise infrastructure — SSO, SCIM, audit logs, fine-grained authorization — packaged with a precision…

WorkOS · Dev Tools

Similar systems

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

Filter by this ↗
Nuxt97%

shared styles: Minimal, Cool, Dark · same category: Dev Tools

GitLab95%

shared styles: Minimal, Cool, Dark · same category: Dev Tools

Render83%

shared styles: Minimal, Cool, Gradient · same category: Dev Tools

Netlify82%

shared styles: Minimal, Cool, Dark · same category: Dev Tools

GitHub76%

shared styles: Cool, Dark, Gradient · same category: Dev Tools

OpenCode75%

shared styles: Minimal, Dark · same category: Dev Tools