Snowflake Design System

Snowflake's marketing site holds a position the rest of the data-cloud category abandoned. The hero headline "Making AI Real for Business" sits at 88px Texta at weight 900, all-caps, pure black on pure white, with no tracking adjustment and no underlying gradient. Where Databricks and dbt lean on chromatic gradients and product-screen collages, Snowflake renders an axonometric line-art city in single-pixel snowflake blue beside the headline. The composition reads closer to a corporate annual report than to a SaaS hero — heavy display type plus technical illustration, no photography, no motion overlay above the fold.

The DESIGN.md file packages the system into a machine-readable spec for React tooling. Inside: 16 color tokens drawn from the 120 CSS custom properties Snowflake exposes on the page, organized into a brand-voltage tier centered on snowflake blue (#249edc), a structural ink-on-canvas split (black for body, deep navy #11567f for the inverted band), and a small set of semantic accents the page barely renders. 11 typography tokens span Texta in three display sizes plus an uppercase eyebrow tier at 12–16px / 800, and Lato across body, nav, and small-label tiers. 16 components cover the hero, the snowflake-blue pill CTA, the 8px-rounded feature cards on the white canvas, the dark navy panel beneath the platform diagram, and the form-input ladder.

Feed this file to Claude or Cursor and it reproduces Snowflake's specific moves: heavy 800–900-weight Texta display rather than the 500–600 weights most data brands use, single snowflake-blue voltage rather than a multi-accent palette, isometric line-art instead of product screenshots, and the bimodal radius split between 8px cards and 45px pills. The one move worth borrowing only if you have a single recognizable brand color and one product story to tell: the heavy-display-over-line-art composition, which trades visual softness for editorial weight.