Inside the Lumenus website design
Lumenus is a health website built with custom code and Next.js. Its pages are built from hero, features, feature grid, contact, and footer sections, shown here in full-page captures and a scroll recording. Typography: Inter. Palette: #404020, #806040, #A0A080.
When you lose someone you love, everything feels impossible. We help with the paperwork, the decisions, and the weight of it all. Its visual style is minimal, editorial, and soft, with navigation bar, hero with background imagery, and newsletter form among its components.
Why we picked it
A quiet sunset photo of a family walking through a field sets a tender tone before a serif headline, paired with sourced statistics in small caps that lend the subject real weight. The page then shifts to a long dark chapter with glowing colour-tinted panels pacing each feature, so a sensitive topic feels handled with care rather than sold hard.
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
- Feature Grid: mixed card sizes that show priority
- Contact: a direct email or a short form
Questions designers ask
What fonts does Lumenus use?
Lumenus uses Inter, read from the fonts loaded on the captured page.
What is the Lumenus website built with?
The Lumenus website is built with custom code and Next.js, detected when the page was captured.
What colours does the Lumenus website use?
The captured palette includes #404020, #806040, and #A0A080.
What sections does the Lumenus website have?
The Lumenus website includes hero, features, feature grid, contact, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
Can I use Lumenus's design for my own project?
Use it as a reference for structure, hierarchy, and style rather than something to copy. The DESIGN.md download summarises Lumenus's typography, colours, and components for your team or an AI tool.
