Inside the North website design
North is a finance website built with custom code, Astro, and Three.js. Its pages are built from hero, features, FAQ, stats, testimonials, CTA, and footer sections, shown here in full-page captures and a scroll recording. Typography: Untitled Sans (display text, headings, and body text) and Degrad Mono (monospaced text). Colours: background #121314, text #000000, main buttons #D591FE, surface #CCCCCC.
Manage and optimize cloud, AI, and data spend in one platform. Gain full visibility, automate savings, and eliminate manual FinOps work. Its visual style is brutalist, corporate, and typographic, with navigation bar, hero with background imagery, and primary button among its components.
Why we picked it
Oversized grey headlines sit on a glitchy dark hero, then a jarring violet panel with a brain graphic marks a clear shift in mood. Grainy halftone textures and thin diagram-style icons repeat down the page, giving each 'layer' section a distinct chapter while keeping the data feel consistent and easy to scan.
What to look for
- Hero: a specific headline instead of a generic slogan
- Features: benefits framed around what the user gets, not internal capability names
- FAQ: questions written the way customers actually ask them
- Stats: three or four numbers that matter to the buyer
Questions designers ask
What fonts does North use?
North uses Untitled Sans for display text, headings, and body text, and Degrad Mono for monospaced text, measured from the captured page's CSS.
What is the North website built with?
The North website is built with custom code, Astro, and Three.js, detected when the page was captured.
What colours does the North website use?
Measured from the captured page's CSS, the North website uses #121314 for the background, #000000 for text, #D591FE for main buttons, and #CCCCCC for surfaces.
What sections does the North website have?
The North website includes hero, features, FAQ, stats, testimonials, CTA, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
