Nuraform
A bold, single-surface marketing interface that floods the entire viewport with a hot orange canvas (#ff633e), white serif display type (Antonia), and white pill-shaped CTAs. The system reads as confident, playful, AI-forward SaaS — a circular hero photo masked into the orange field, glassy in-photo search input, gradient bubble decorations bleeding off the edges, and a near-monochrome action layer of white-on-orange. Brand voltage comes from the high-contrast serif headline and the saturated orange flood rather than from layered UI chrome.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
display-xl
64px · 700 · 1.06
The quick brown fox jumps
display-lg
64px · 400 · 1.2
The quick brown fox jumps
body
16px · 400 · 1.5
The quick brown fox jumps
button
16px · 500 · 1
The quick brown fox jumps
nav-link
16px · 400 · 1.4
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 5px | |
| xs | 8px | |
| sm | 12px | |
| md | 16px | |
| lg | 24px | |
| xl | 40px | |
| xxl | 72px | |
| section | 86px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| md | 16px | |
| round | 100px | |
| pill | 500px | |
| full | 999px |
FAQ
- What colors does Nuraform use?
- Nuraform's core palette includes #ff633e, #ff5a3d, #ff623d, #ff633e, #ffffff. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Nuraform DESIGN.md.
- What font does Nuraform use?
- Nuraform's primary typeface is Antonia. 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 Nuraform design system?
- A bold, single-surface marketing interface that floods the entire viewport with a hot orange canvas (#ff633e), white serif display type (Antonia), and white pill-shaped CTAs. The system reads as conf…