Skip to content

Latest commit

 

History

History
140 lines (124 loc) · 5.98 KB

File metadata and controls

140 lines (124 loc) · 5.98 KB
name DeepSeek
version beta
description Chinese AI research company known for efficient open-source models rivaling proprietary systems. Uses a clean blue palette reflecting technical precision and research credibility.
colors
primary secondary accent background surface ink ink-secondary border success error
#4F46E5
#4338CA
#6366F1
#0F1117
#1A1D26
#E8EAF0
#8B8FA3
#2A2D39
#22C55E
#EF4444
typography
display-xl display-lg display h1 h2 h3 h4 body-lg body body-sm caption label
fontFamily fontSize fontWeight lineHeight letterSpacing
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif
72px
700
1.0
-0.02em
fontFamily fontSize fontWeight lineHeight letterSpacing
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif
58px
700
1.05
-0.015em
fontFamily fontSize fontWeight lineHeight letterSpacing
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif
46px
700
1.1
-0.01em
fontFamily fontSize fontWeight lineHeight letterSpacing
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif
36px
600
1.15
-0.01em
fontFamily fontSize fontWeight lineHeight letterSpacing
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif
28px
600
1.2
-0.005em
fontFamily fontSize fontWeight lineHeight letterSpacing
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif
22px
600
1.25
0
fontFamily fontSize fontWeight lineHeight letterSpacing
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif
18px
600
1.3
0
fontFamily fontSize fontWeight lineHeight letterSpacing
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif
17px
400
1.5
0
fontFamily fontSize fontWeight lineHeight letterSpacing
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif
15px
400
1.5
0
fontFamily fontSize fontWeight lineHeight letterSpacing
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif
13px
400
1.5
0
fontFamily fontSize fontWeight lineHeight letterSpacing
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif
12px
400
1.4
0
fontFamily fontSize fontWeight lineHeight letterSpacing
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif
13px
500
1.4
0.01em
spacing
xs sm md base lg xl xxl
4px
8px
12px
16px
24px
32px
48px
rounded
none xs sm md lg xl full
0px
2px
4px
8px
12px
16px
9999px

Overview

DeepSeek's visual identity is pragmatic and research-oriented—a reflection of its academic origins. The blue palette is conservative but distinctive, suggesting intelligence and reliability without the theatricality common in Western AI branding. The interface is clean and unpretentious, letting the technology speak for itself. The chat interface follows familiar patterns but with subtle differences: more compact message spacing, a narrower conversation column, and technical metadata displayed alongside responses. The emphasis is on efficiency rather than experience. DeepSeek's brand communicates that serious AI research doesn't need flashy presentation. The design is almost indifferent to visual trends, choosing instead to foreground the model's capabilities through straightforward, functional interfaces. This authenticity resonates with the developer community.

Colors

DeepSeek blue is moderately saturated—visible without being aggressive. The palette is intentionally conventional to avoid distracting from the product. Backgrounds are neutral dark greys. Surface cards use minimal elevation. The accent indigo provides interactive state contrast. Semantic colours follow standard conventions. The overall palette prioritises readability and recognition over emotional impact.

Typography

System font stack for maximum performance and cross-platform consistency. Body text is 15px—optimising for information density in technical documentation and chat. The type scale is compressed—headings are subtle rather than dramatic. Code typography uses monospace for technical outputs. Model version numbers use a different weight to distinguish from natural language.

Layout

DeepSeek uses a centred single-column chat layout with a maximum width of ~680px. The model selector and configuration options are consolidated in a compact header bar. The API documentation uses a two-column layout with navigation and content. The research paper viewer uses a clean typographic layout optimised for academic reading.

Components

Chat messages include model attribution badges and token usage. Code blocks have a distinctive dark surface with line numbers. The model selector dropdown includes model version, context length, and capability tags. The API playground has structured parameter inputs. Research paper components include abstract expansion and citation tooltips.

Do's and Don'ts

DO maintain the research-oriented austerity—it differentiates DeepSeek from commercial AI products. DON'T add decorative elements that suggest consumer orientation. DO provide technical transparency through visible model metadata. DON'T make the interface feel slower than the model. DO prioritise documentation quality over interface flourish.

Responsive Behavior

The centred chat column goes full-width at 768px. The API docs two-column layout stacks at 720px. The model selector compresses to an icon button on mobile. Research paper viewer adjusts font size and column width for readability on small screens.

Known Gaps

No public design system. The English and Chinese interfaces have different design quality levels. The chat and API documentation experiences are visually inconsistent. No light theme. No motion design specifications. The brand identity for DeepSeek vs the individual models is unclear.