Context.ai

A dark, enterprise-AI platform interface built on near-black surfaces (#191919) with crisp white text, square-edged inputs, and a restrained two-tone accent system — electric purple (#c58cff) and signal green (#00d497). The system reads as serious, engineered tooling: tight letter-spacing on the SuisseIntl display face, product UI shown directly behind and inside the marketing flow, small 6px button radii, and pill-shaped chips. Brand voltage comes from real product chrome and the purple/green accent pair rather than decorative color.

context.ai

Works with Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit

↓ .md ↓ All files

loading…

Color Palette

Accent

Neutrals

Typography

h1 65px · 400 · 1.0

The quick brown fox jumps

h2 36px · 400 · 1.167

The quick brown fox jumps

h3 18px · 400 · 1.333

The quick brown fox jumps

body 16px · 400 · 1.375

The quick brown fox jumps

button 14px · 400 · 1.143

The quick brown fox jumps

Spacing & Shape

Spacing

Name	Value	Preview
xxs	4px
xs	6px
sm	8px
ms	10px
md	12px
lg	16px
xl	20px
xxl	24px
xxxl	32px

Border Radius

Name	Value	Preview
none	0px
xs	2px
sm	4px
md	6px
lg	8px
xl	10px
xxl	12px
img	16px
card	24px
pill	9999px
full	9999px

FAQ

What colors does Context.ai use?: Context.ai's core palette includes #191919, #000000, #ffffff, #f8f8f8, #191919. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Context.ai DESIGN.md.
What font does Context.ai use?: Context.ai's primary typeface is SuisseIntl. 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 Context.ai design system?: A dark, enterprise-AI platform interface built on near-black surfaces (#191919) with crisp white text, square-edged inputs, and a restrained two-tone accent system — electric purple (#c58cff) and sig…

More like this

↓ .md ↓ All files

loading…