Brands813
↑ ↓ to browse
View full design.md ↗
Sanity· Dev Toolssanity.io
Structured content · nocturnal command center

The content platform for code-first teams.

Sanity turns your content into structured data you can query, reshape, and distribute — via GROQ, GraphQL, or native webhooks — to any frontend, in any language.

Color Palette28 tokens
background#0b0b0b
surface#212121
surface-elevated#353535
surface-inverted#ffffff
surface-light#ededed
ink#ffffff
ink-muted#b9b9b9
ink-subtle#797979
ink-on-light#0b0b0b
ink-on-light-muted#212121
primary#f36458
on-primary#ffffff
interactive#0052ef
on-interactive#ffffff
interactive-light#55beff
interactive-pale#afe3ff
focus-ring#0052ef
focus-tint#072227
accent-green#19d600
accent-magenta#f500ff
error#dd0000
success#37cd84
border-dark#0b0b0b
border-subtle#212121
border-medium#353535
border-light#ffffff
border-orange#ff5500
black#000000
Buttons
TypographyGoogle Font
Archivobrand uses waldenburgNormal
display-hero

Structure is the strategy.

112px · 400 · -4.48px
hero-secondary

Build once, publish everywhere.

72px · 400 · -2.88px
heading-section

Sanity turns your content into structured data you can query, reshape, and distribute — via GROQ, GraphQL, or native webhooks — to any frontend, in any language.

48px · 400 · -1.68px
heading-large

GROQ · GRAPHQL · WEBHOOKS · REST

38px · 400 · -1.14px
heading-medium

Sanity turns your content into structured data you can query, reshape, and distribute — via GROQ, GraphQL, or native webhooks — to any frontend, in any language.

32px · 425 · -0.32px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

Build once, publish everywhere.

Sanity turns your content into structured data you can query, reshape, and distribute — via GROQ, GraphQL, or native web…

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
Build once, publish everywhere.
Sanity turns your content into structured data you can query, reshape, and distribute — via GROQ, GraphQL, or native webhooks — to any frontend, in any language.
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
NewSanity just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeDev ToolsSanity
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 Sanity.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Sanity tokens
export const theme = {
  primary: "#f36458",
  radius: "6px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

Sanity let us ship a full marketing CMS, a help center, and an internal docs tool from a single schema.

Sanity · Dev Tools

Similar systems

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

Filter by this ↗
ClickHouse97%

shared styles: Dark, Bold, Colorful · same category: Dev Tools

Postman90%

shared styles: Dark, Bold, Colorful · same category: Dev Tools

Convex88%

shared styles: Dark, Bold, Colorful · same category: Dev Tools

Astro79%

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

GitHub73%

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

Bun71%

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