Inside the Hyrup website design
Hyrup is built with Framer. Its pages are built from hero, features, testimonials, other, and editorial sections, shown here in full-page captures and a scroll recording. Typography: PP Mori Regular (display text, headings, and body text). Colours: background #FFFFFF, text #070323, accent #6359EF, surface #F6F6F8.
Made with Framer Its visual style is minimal, corporate, and gradient, with navigation bar, hero, and logo strip among its components.
Why we picked it
A deep navy hero fading into white sets a calm, trustworthy tone before the logo strip of recognisable clients backs up the recruiting pitch. Thin geometric line icons on light grey cards and a dark data-panel section give the long page clear rhythm, pacing dense service details into easy, scannable chunks.
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
- Testimonials: names, roles, and photos or logos for credibility
- Editorial: expressive typography with comfortable reading measure
Questions designers ask
What fonts does Hyrup use?
Hyrup uses PP Mori Regular for display text, headings, and body text, measured from the captured page's CSS.
What is the Hyrup website built with?
The Hyrup website is built with Framer, detected when the page was captured.
What colours does the Hyrup website use?
Measured from the captured page's CSS, the Hyrup website uses #FFFFFF for the background, #070323 for text, #6359EF as an accent, and #F6F6F8 for surfaces.
What sections does the Hyrup website have?
The Hyrup website includes hero, features, testimonials, other, and editorial sections. Each one opens on its own page, so you can compare it with the same section on other websites.
HyrupHyrup
