Hiline

Item: Hiline
Rating: 7.4

Outsourced accounting, finance and CFO services for nonprofits and small businesses.

7.4/10MABTU rating

DESKTOP · 1440 × 13,294/ ↗

MOBILE · 390

Section outline · Home

01heroBotanical illustrated avenue, two CTAs1,152
02logo cloudSegment chips and logo row317
03problemTilted illustrated pain cards1,392
04featureJigsaw brand mark
05featureScattered desk illustration2,731
06servicesDark card with service tiles
07comparisonFive options, highlighted dark centre card1,436
08testimonialsStacked quote cards, ostrich illustration2,107
09industriesThree industry cards893
10statsThree stats framed by leaves767
11servicesService link cards1,010
12footerDark green, giant wordmark behind foliage1,521

Rating · Home

Visual design8.0

UX & clarity7.6

Originality8.0

Craft & consistency7.8

Motion6.0

Performance & a11y5.0

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

Main colours

Light·cream background·vivid

Typography

Kaliceheading · font · self-hosted PP Neue Montrealbody · sans · self-hosted Aeonikfonoaccent · sans · self-hosted

Stack & style

GSAP GSAP ScrollTrigger Webflow Swiper jQuery

Editorial Illustration-led Rounded / soft Logo cloud Mega menu Parallax Pricing table Process steps Review badges Stats band Sticky header Testimonial slider

Also: Google Tag Manager, HubSpot, Meta Pixel, Cloudflare, Google Analytics

Design DNA

Cream canvas with a serif display face that switches to italic for the second line of every headline. The hero is an illustrated avenue of oversized daisies and hydrangeas under a pale sky, with a rust-orange pill CTA. Pain points sit in tilted hand-drawn cards, tools appear as coloured jigsaw pieces, and a scattered desk of invoices explains the 'single system'. A dark-green comparison card highlights the recommended option between alternatives. Testimonials stack as white cards beside an ostrich illustration. Stats sit among big leaf illustrations, and the footer sets a huge 'hiline' wordmark behind foliage on dark green.

Worth borrowing

Italicise the second line of every serif headline for an editorial rhythm.
Show integrations as coloured jigsaw pieces snapping into the brand letter.
Frame a comparison with the recommended option as a dark card in the middle of pale alternatives.