Home
DESIGN.mdStar on GitHub
Copied!

Bring agentic AI to all your data

Mobilize the world's data with the Snowflake AI Data Cloud — one platform for data, apps, and AI.

Colors
Primary
Arctic Blue
#29B5E8
Mark, links, highlights
Blue Hover
#249EDC
Hover state
Action Blue
#126FE7
Primary buttons
Midnight Navy
#042130
Ink, dark page
Surfaces — Light
Page
#FFFFFF
Marketing canvas
Surface
#F6F9FA
Cards, bars
Blue Tint
#D4F0FA
Callouts, selected
Border
#D2D1D4
Dividers
Surfaces — Dark (navy hue, from real #042130)
Page
#042130
Dark background
Surface
#08293A
Cards, bars
Elevated
#0E3348
Grid header
Slate
#212D35
Alt surface
Text & Semantic
Text Secondary
#535862
Body muted
Success
#12A150
Completed, SQL string
Warning
#F59E0B
Suspended warehouse
Error
#EF4444
Failed query
Typography — Texta · Lato · Source Code Pro
h1
The AI Data Cloud
40px900Texta
h2
Mobilize the world's data
27px800lh 1.2
h3
Warehouses & Worksheets
20px800lh 1.3
body
Snowflake enables every organization to mobilize their data with near-unlimited scale, concurrency, and performance.
15pxLatolh 1.6
caption
Warehouse COMPUTE_WH · X-Small · resumed
12.5px400muted
sql
SELECT * FROM customer;
14pxSource Code Pro
Signature — SQL Worksheet
CUSTOMER_ANALYSIS
ACCOUNTADMIN COMPUTE_WH · XS
-- Customers by market segment SELECT c_mktsegment AS segment, COUNT(*) AS customers, ROUND(AVG(c_acctbal), 2) AS avg_balance FROM snowflake_sample_data.tpch_sf1.customer GROUP BY 1 ORDER BY customers DESC;
⌘+Return to run · sampled from TPCH_SF1
# SEGMENT VARCHAR CUSTOMERS NUMBER AVG_BALANCE NUMBER
Components
Buttons
Search
Warehouse Status
Running Suspended COMPUTE_WH X-Small
Role Selector
ACCOUNTADMIN SYSADMIN PUBLIC
Guardrails
DO
Render the snowflake mark in arctic blue #29B5E8 with intact geometry
Keep the marketing canvas white and airy; use navy for depth
Use Source Code Pro for all SQL, warehouse names, and result cells
Reserve action blue #126FE7 for primary buttons, arctic blue for brand
Show query metrics — rows returned, duration, warehouse
DON'T
Don't recolor or distort the snowflake mark
Don't invent a saturated dark palette; anchor on real #042130
Don't set SQL or metrics in a proportional font
Don't put white text on arctic blue #29B5E8 — low contrast
Don't crowd the worksheet — editor and grid are the product