Trullion

Item: Trullion
Rating: 7.1

AI accounting platform for audit, finance and accounting teams.

trullion.com Save page

7.1/10MABTU rating

DESKTOP · 1440 × 10,316/ ↗

MOBILE · 390

Section outline · Home

01heroDark green, serif headline, two buttons, product window
02logosTwo-row grey logo grid
03featuresFour alternating UI panel and text cards787
04why usFour lime tiles, 2x2953
05aboutDark panel with portrait and highlighted phrase788
06audiencesAccordion by team type1,204
07testimonialsHorizontal quote card carousel1,057
08resourcesFeature card plus list of articles989
09ctaDark green band with button, then footer

Rating · Home

Visual design7.4

UX & clarity7.2

Originality7.0

Craft & consistency7.2

Motion5.5

Performance & a11y7.7

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

Main colours

Light·white background·vivid

Typography

Rulesheading · font · self-hosted Rulesbody · font · self-hosted Roslindaleaccent · serif · self-hosted

Stack & style

WordPress Alpine.js GSAP Swiper

Editorial Corporate / clean Product-UI-led FAQ accordion Logo cloud Mega menu Sticky header Testimonial slider

Also: Cloudflare, HubSpot, WP Engine

Design DNA

Near-black forest green hero with a light transitional serif headline, a faint topographic line texture and a small product window. White body with a grey logo grid, then alternating split cards: pale sage UI panels on the left, serif titles and arrow links on the right. Lime (#C6F7A8-ish) is used as a highlighter behind key words and as the fill for four 'why us' tiles. An accordion by audience, a quote carousel, a resources list with a green illustrated feature card, and a dark green CTA band and footer.

Worth borrowing

Use a lime highlighter block behind one or two words of a serif headline as the only accent.
Pair a light serif display face with a dark forest green to make finance software feel literary rather than techy.
Present audience segments as a stacked accordion with small green chevron squares.