Home
DESIGN.mdStar on GitHub
Copied!

The Content Operating System for the AI era

All your content applications in one platform — structured, real-time, and fully configurable in Studio.

Colors
Primary
Sanity Red
#F03E2F
Logo, brand, critical
Studio Blue
#2276FC
Focus, primary
Publish Green
#3AB667
Publish, positive
Ink
#101112
Text, dark page
Neon Accents (marketing spectrum)
Yellow
#FFF500
Spectrum
Green
#96FF6F
Spectrum
Magenta
#F500FF
Spectrum
Sky
#AFE3FF
Spectrum
Surfaces — Dark (real Studio dark)
Page
#101112
Studio bg
Surface
#1A1B1D
Panes
Elevated
#232428
Cards
Border (light)
#E3E4E8
Dividers
Text & Semantic
Text Secondary
#6E6E76
Muted copy
Panel
#F6F6F8
Studio panes
Warning
#F5A623
Unpublished edits
Red Hover
#D43020
Pressed
Typography — Inter ≈ Waldenburg · JetBrains Mono
h1
Structured content
40px700Inter
h2
Real-time collaborative editing
27px600lh 1.1
h3
Portable Text
20px600lh 1.3
body
Model content as structured data, then query it with GROQ and deliver it anywhere over the Content Lake.
15px400lh 1.6
groq
*[_type == "post" && defined(slug)]
13pxJetBrains Mono
Signature — Studio
Blog · Post ● Edited — unpublished changes
AL MK
Title *
Slug generated from title
/blog/introducing-the-content-lake
Body Portable Text

A structured content backend

The Content Lake stores every document as queryable, structured data — not locked in a page.

Query it with GROQ and deliver it to any front end.

Categories
Product Engineering + Add item
unpublished changes
Components
Buttons
Fields
Document Status
Published Edited Draft
Presence
AL MK PR
Guardrails
DO
Render the Sanity mark in brand red #F03E2F
Keep the Studio canvas neutral so fields and content lead
Use Studio blue #2276FC for focus; green for Publish
Show document status truthfully — Draft / Edited / Published
Set GROQ, slugs, and field names in the mono stack
DON'T
Don't recolor the Sanity mark off brand red in primary contexts
Don't flood the Studio with neon — the spectrum is for marketing
Don't invent dark surfaces; anchor on the real Studio dark #101112
Don't hide unpublished-changes state — editors rely on it
Don't set slugs or field keys in a proportional font