Planpoint. An interactive property plan rendered on pristine paper, with one blue pen and one yellow highlighter for emphasis.
- SaaS
- Light theme
- 11 colors
- 2 typefaces
Planpoint uses a clean, white-canvas real estate blueprint aesthetic: generous whitespace, pill-shaped components, and bold confident display type that reads like a property floor plan drafted on quality paper. The interface is nearly monochromatic — near-black text (#1d1d1f) and white surfaces carry the entire structural weight — with a single vivid blue (#0f68ea) reserved exclusively for the primary action and a warm yellow (#ffcb00) that appears only as novelty punctuation. Components stay light and soft: large pill radii, one barely-there drop shadow at 6% opacity, and no decorative gradients or skeuomorphism. Typography is the dominant design element: Inter at extreme sizes (50–72px headlines, 144px display) with tight negative tracking gives the page architectural authority, while body text sits at a comfortable 16–18px with generous line height.
Planpoint design system
Brand2
Primary CTA fill and outline, active nav accent, the single chromatic action color in the system
Rare dark surface for featured cards or hero blocks — a near-black with depth
Accent2
Hyperlink color, icon stroke accent — Apple-system blue used for inline text links and interactive iconography
Yellow action color for filled buttons, selected navigation states, and focused conversion moments.
Neutrals7
Navigation borders, pure-black accents where maximum contrast is needed
Violet action color for filled buttons, selected navigation states, and focused conversion moments.
Primary text, icon strokes, dark button fills — a slightly warm near-black chosen over pure black to feel printed rather than digital
Muted helper text, secondary image borders
Hairline borders, subtle dividers, section separators
Subtle surface elevation, inactive button fills, secondary card backgrounds
Page background, card surfaces, button text on dark fills, all input fields
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
White on Signal Blue
5.01 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictFails AAA 7
