Habito

www.habito.com/

a friendly digital mortgage broker that softens a heavy financial decision with a fat rounded display face (RightGrotesk Black), warm aurora gradients of blue, lavender and pink, big rounded cards and a single confident blue call-to-action.

Professional Services Mortgage Broker strong

Design tokens

ink
ink-deep
ink-22
white
off-white
blue
blue-deep
blue-link
lavender
pink
pink-soft
magenta
display
RightGrotesk (Black) -> Impact fallback
body
Roobert (Regular 400 / Bold 700)
mono
PitchSans

Do / Don't

Reference it for

  • Making a high-stakes local service (mortgage broking) feel human through a fat rounded display face and warm gradient backdrops rather than corporate blue-and-grey.
  • The numbered-step homepage device (black circle badges) for explaining a process simply.
  • A disciplined palette: near-black ink and white with one strong blue CTA, letting gradients carry the personality.
  • Big, soft card containers (16-32px radii) that group content into friendly blocks.

Do not copy

  • RightGrotesk and Roobert are licensed; substitute a heavy rounded grotesque plus a clean geometric body sans.
  • The "by Monzo" lockup and the specific aurora gradients are Habito's brand; borrow the gradient-as-warmth idea, choose your own hues.
  • The default #0000EE link blue still appears in places; pick one deliberate accent blue rather than the browser default.

Signature moves

fat rounded display plus aurora-gradient warmth

a fat rounded display face over warm aurora gradients of blue, lavender and pink softens a high-stakes service, with one confident blue CTA (#1863dc) on near-black ink and white.

numbered-step process device

black circle badges number the homepage steps to explain a process simply.

big soft card grouping

large soft card containers at 16-32px radii (xl 16px, 2xl 32px) group content into friendly blocks with two distinct easing curves for fade vs transform.