ObserveInc
An observability-platform marketing site built on a warm cream canvas (#f5f5ed) with near-black green ink headlines, a signature emerald-green accent on display type, and an electric-violet primary CTA. The system reads as confident modern-infra SaaS — oversized Tt Interphases Pro display headlines, pill-shaped navigation and buttons with extreme corner radii (up to 280px), and dark organic gradient product sections that show real product UI fragments at small scale against glowing green blobs.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
display-xl
96px · 600 · 1.1
The quick brown fox jumps
display-lg
48px · 600 · 1.15
The quick brown fox jumps
display-md
40px · 600 · 1.15
The quick brown fox jumps
title
32px · 500 · 1.35
The quick brown fox jumps
body
24px · 500 · 1.4
The quick brown fox jumps
button
25.6px · 500 · 1.0
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 4px | |
| xs | 8px | |
| sm | 12px | |
| md | 16px | |
| lg | 24px | |
| xl | 32px | |
| xxl | 38px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| sm | 12px | |
| md | 24px | |
| lg | 32px | |
| xl | 48px | |
| xxl | 96px | |
| huge | 160px | |
| pill | 280px |
FAQ
- What colors does ObserveInc use?
- ObserveInc's core palette includes #273027, #000000, #46b47f, #3c5a3c, #4c3dec. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the ObserveInc DESIGN.md.
- What font does ObserveInc use?
- ObserveInc's primary typeface is Tt Interphases Pro. 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 ObserveInc design system?
- An observability-platform marketing site built on a warm cream canvas (#f5f5ed) with near-black green ink headlines, a signature emerald-green accent on display type, and an electric-violet primary C…