Inngest
A dark, developer-infrastructure marketing surface built on near-black canvas with oversized Whyte Inktrap display headlines, monospace uppercase button labels, and a single hot-orange primary CTA. The system reads as confident, technical, and editorial — giant outlined display type, inline code fragments shown as content, near-monochrome neutrals, and a tightly restrained accent palette where orange carries all primary action voltage. Brand voltage comes from scale (huge condensed display type) and from real code shown in the hero rather than from color.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
display
64px · 400 · 1.25
The quick brown fox jumps
mega-display
115.2px · 400 · 0.82
The quick brown fox jumps
heading
32px · 400 · 1.25
The quick brown fox jumps
eyebrow
16px · 400 · 1.5
The quick brown fox jumps
button
12px · 600 · 1.0
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 4px | |
| xs | 8px | |
| sm | 12px | |
| md | 16px | |
| lg | 20px | |
| xl | 24px | |
| xxl | 32px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| none | 0px | |
| sm | 6px | |
| md | 8px | |
| lg | 10px | |
| pill | 9999px |
FAQ
- What colors does Inngest use?
- Inngest's core palette includes #fb5536, #ff5536, #c2a46a, #a8ef3c, #7ca6ff. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Inngest DESIGN.md.
- What font does Inngest use?
- Inngest's primary typeface is Whyte Inktrap. 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 Inngest design system?
- A dark, developer-infrastructure marketing surface built on near-black canvas with oversized Whyte Inktrap display headlines, monospace uppercase button labels, and a single hot-orange primary CTA. T…