Make your AI a shadcn expert

DeepSeek Design System

DeepSeek's landing uses a misty gradient canvas, no primary CTA color, and Inter across a five-step slate scale.

About DeepSeek DESIGN.md

Curated by Dov AzencotUpdated Source deepseek.com

  • AI & LLM Platforms

DeepSeek's landing page is the quietest entry point of any major AI lab in 2026. The full-page canvas is a gradient — white at the bottom, a cool misty blue-gray at the top — and against it sits only the wordmark at display scale, a Chinese tagline ("探索未至之境" — "Explore the uncharted territories"), and two entry cards with rounded corners and no background fill. There is no hero section. There is no sub-headline pitch. There is no CTA button in any brand color. Where OpenAI uses a near-black canvas with white display type, Anthropic uses warm cream with editorial serif display, and Google Gemini uses full-spectrum brand colors for each model tier, DeepSeek uses nothing but a gradient and two cards — a restraint so extreme it reads less as minimalism than as institutional confidence. The page assumes you already know why you're here.

The DESIGN.md file captures what little the page exposes: 10 color tokens covering the five-step slate text palette and the light structural grays; 5 typography tokens all running Inter at weights 400 and 700 across a narrow 14-30px range; 3 border-radius values (6px dominant, 16px and 18px for cards); 8 spacing values; and 12 component definitions covering the gradient hero, the entry cards, the wordmark display, the footer link columns, and the navigation. The extraction captured no primary button component — the page has none. This is the only AI lab landing in the design directory with zero interactive fill components.

Feed this file to an AI coding tool and it reproduces DeepSeek's specific moves: atmospheric gradient canvas instead of a flat background fill, pure slate-scale text without a brand accent, Inter at the same sizes across every tier, and the two-card entry pattern with frosted-glass treatment. The system rewards study if you're building a portal or gateway product that needs to project authority through restraint rather than through conversion optimization. The lesson is negative space as positioning — a page with nothing to prove because the product's reputation precedes it.

What makes it distinct

  1. No primary CTA fillthe two entry cards use frosted-glass backgrounds on a gradient canvas; no button uses a brand-color fill anywhere on the page
  2. Gradient canvasa white-to-light-blue atmospheric background runs the full-height landing, sourced from --ds-background-start-rgb (214,219,220) and end (255,255,255)
  3. Five-step slate text palettepure black (#000000) through mid-slate (#475569), cool-slate (#64748b), muted-slate (#94a3b8), and near-white (#ffffff), all Tailwind Slate tokens
  4. Inter across all tiersthe single typeface with a 15px body and 30px bold display, no separate display family or mono accent
  5. Bilingual Chinese/English layoutChinese wordmark and Chinese tagline as the hero content, with an English language toggle in the top-right navigation

Live at deepseek.com

A snapshot of the brand in production. Hover the frame to scroll the page; click to visit.

Screenshot of DeepSeek's website at deepseek.comdeepseek.com

Explore DeepSeek

Pick what you want to see — mockups, colors, typography, layout, or the full component list.

Surface

Page and card backgrounds.

Text

Headlines, body, captions, muted.

Borders & Hairlines

Dividers, outlines, structural rules.

Other

Specialty colors.

DeepSeek design system FAQ

Common questions about DeepSeek's tokens, components, and how to use this DESIGN.md in your project.

Specs, directories, and component libraries that pair with this design system.

Use DeepSeek in your project

One machine-readable file. Drop it into Claude, Cursor, or any AI tool that reads DESIGN.md.

Download DESIGN.md