Nex
Clean modern GTM AI platform visual system featuring ultra-crisp monochrome typography, pill-shaped interaction controls, soft light surface cards, and vibrant cyan-to-violet accent dots and graphics.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
heading-xl
95px · 400 · 85.5px
The quick brown fox jumps
heading-lg
40px · 400 · 44px
The quick brown fox jumps
heading-md
30px · 400 · 36px
The quick brown fox jumps
body-lg
17px · 400 · 25.5px
The quick brown fox jumps
body
14px · 400 · 19.6px
The quick brown fox jumps
body-sm
13px · 400 · 18.2px
The quick brown fox jumps
caption
12px · 400 · 16.8px
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xs | 4px | |
| sm | 8px | |
| md | 12px | |
| lg | 16px | |
| grid-gap | 24px | |
| xl | 32px | |
| section | 80px | |
| container | 1200px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| pill | 50px | |
| button | 32px | |
| card | 16px | |
| badge | 10px | |
| floating | 48px |
FAQ
- What colors does Nex use?
- Nex's core palette includes #ffffff, #f8f8f9, #f1f2f2, #f7f7f8, #1d1e1f. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Nex DESIGN.md.
- What font does Nex use?
- Nex's primary typeface is \"Cosplay Variable Regular\. The complete type scale (sizes, weights, line-height and letter-spacing per role), with an open substitute where the original is licensed, is documented in the DESIGN.md.
- What is the Nex design system?
- Clean modern GTM AI platform visual system featuring ultra-crisp monochrome typography, pill-shaped interaction controls, soft light surface cards, and vibrant cyan-to-violet accent dots and graphics.