Visitors
A light, friendly analytics-SaaS marketing surface built on a white canvas with near-black ink headlines set in the rounded OpenRunde display face, a soft periwinkle-purple brand accent, and a full rainbow of small chromatic accents used inside product-UI fragments. The system reads as approachable modern dev-tooling — a floating dark pill navigation bar, very-light gray cards with whisper-soft shadows, embedded dashboard/map/table mockups, and tight negative letter-spacing on rounded headlines.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
display-xl
60px · 600 · 1.133
The quick brown fox jumps
display-md
36px · 500 · 1.222
The quick brown fox jumps
title-sm
18px · 500 · 1.333
The quick brown fox jumps
body-md
18px · 500 · 1.333
The quick brown fox jumps
button
14px · 500 · 1.429
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 4px | |
| micro | 6px | |
| xs | 8px | |
| tight | 10px | |
| sm | 12px | |
| md | 16px | |
| lg | 20px | |
| xl | 24px | |
| xxl | 32px | |
| xxxl | 48px | |
| section | 64px | |
| band | 112px | |
| mega | 160px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| xs | 4px | |
| sm | 6px | |
| md | 8px | |
| lg | 12px | |
| xl | 16px | |
| xxl | 24px |
FAQ
- What colors does Visitors use?
- Visitors's core palette includes #918df6, #9580ff, #181925, #000000, #666666. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Visitors DESIGN.md.
- What font does Visitors use?
- Visitors's primary typeface is OpenRunde. 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 Visitors design system?
- A light, friendly analytics-SaaS marketing surface built on a white canvas with near-black ink headlines set in the rounded OpenRunde display face, a soft periwinkle-purple brand accent, and a full r…