Inside the Fernand website design
Fernand is a CRM website built with custom code. Its pages are built from hero, feature grid, testimonial card, CTA, and footer sections, shown here in full-page captures and a scroll recording. Typography: Inter (display text, headings, and body text). Colours: background #FFFFFF, text #1A2035, main buttons #00A0FF, surface #F7FAFC.
Respond on every channel, build a knowledge base, and put your AI Agent on the front line. Sync with your team, close the loop with customers, and ship a product people love. Its visual style is soft, minimal, and corporate, with navigation bar, hero, and product ui among its components.
Why we picked it
A real support inbox screenshot sits over a soft floral photo, so the product is shown doing actual work rather than floating in an abstract mockup. Short text blocks with small icons break the long page into easy chapters, while recurring illustrated figures in nature scenes give a dense SaaS tool a calmer, more human mood.
What to look for
- Hero: a specific headline instead of a generic slogan
- Feature Grid: mixed card sizes that show priority
- CTA: a short restatement of the main benefit
- Footer: grouped navigation with clear column headings
Questions designers ask
What fonts does Fernand use?
Fernand uses Inter for display text, headings, and body text, measured from the captured page's CSS.
What is the Fernand website built with?
The Fernand website is built with custom code, detected when the page was captured.
What colours does the Fernand website use?
Measured from the captured page's CSS, the Fernand website uses #FFFFFF for the background, #1A2035 for text, #00A0FF for main buttons, and #F7FAFC for surfaces.
What sections does the Fernand website have?
The Fernand website includes hero, feature grid, testimonial card, CTA, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
