Telescope
A minimal, editorial discovery interface built on a warm off-white canvas (#f4f3f0) with near-black ink, a large Beausite neo-grotesque headline, and DM Mono uppercase micro-labels. The landing page reads as a gallery — scattered photographic image tiles float around a single centered headline, with a floating white nav pill anchoring the bottom. Brand voltage is quiet and typographic: a lime SIGN UP chip is the only chromatic action, everything else is monochrome canvas + tracked mono captions. Corners are effectively square (0–2px), there are no shadows, and whitespace does almost all of the compositional work.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
display
57px · 400 · 1.15
The quick brown fox jumps
heading
19px · 400 · 1.15
The quick brown fox jumps
body
19px · 400 · 1.15
The quick brown fox jumps
caption-uppercase
12.35px · 400 · 1.1
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 5px | |
| xs | 10px | |
| sm | 14px | |
| md | 19px | |
| lg | 28px | |
| xl | 48px | |
| xxl | 71px | |
| section | 144px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| none | 0px | |
| sm | 2px |
FAQ
- What colors does Telescope use?
- Telescope's core palette includes #1a1915, #000000, #82868e, #9ca3af, #cfcdc7. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Telescope DESIGN.md.
- What font does Telescope use?
- Telescope's primary typeface is Beausite. 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 Telescope design system?
- A minimal, editorial discovery interface built on a warm off-white canvas (#f4f3f0) with near-black ink, a large Beausite neo-grotesque headline, and DM Mono uppercase micro-labels. The landing page…