Otter

Item: Otter
Rating: 7

Career platform and profiles for childcare workers.

withotter.com Save page

7.0/10MABTU rating

Home

DESKTOP · 1440 × 3,771/ ↗

MOBILE · 390

Section outline · Home

01heroTeal rounded card, serif headline, blob photos832
02calloutIllustrated beta card454
03processThree numbered step cards1,755
04ctaWhite card with peach blobs
05pressPeach pill logo strip
06footerTeal CTA card plus legal card574

Rating · Home

Visual design7.2

UX & clarity6.8

Originality7.0

Craft & consistency7.0

Motion5.0

Performance & a11y9.0

This page scores 7.0; the site score weights the home page double.

Main colours

Light·off white background·muted

Typography

Reckless Neueheading · serif · unknown Jokkerbody · font · unknown

Stack & style

Google Fonts Webflow jQuery Swiper Bootstrap

Playful Illustration-led Rounded / soft Logo cloud Process steps

Also: Meta Pixel, Cloudflare, Google Analytics

Design DNA

Off-white canvas, deep teal, mint, olive and peach palette. Hero is a large rounded teal card with a heavy serif headline centred and kid photos cropped into organic blob shapes around the edges. A beta callout card with a line illustration, then 'how it works' as three numbered white cards with peach hexagon badges. Peach blob shapes decorate a growth card, a peach pill 'as featured in' press strip, and a split footer with teal CTA card.

Worth borrowing

Crop hero photos into irregular blob shapes that bleed off the edges of a rounded colour card.
Put the press logos inside a single full-width pastel pill instead of a loose logo row.
Number process steps with small pastel hexagon badges on white cards.