Trunk

Item: Trunk
Rating: 7.6

CI tools to fix flaky tests and run a smarter merge queue.

7.6/10MABTU rating

DESKTOP · 1440 × 5,145/ ↗

MOBILE · 390

Section outline · Home

01heroWhite sketch landscape with track, demo and docs buttons1,437
02logo cloudLogo row on black340
03productTilted dashboard, two feature cards, three small cards1,507
04productTilted screenshot and three feature columns896
05testimonialsHorizontal customer quote cards1,446
06ctaWireframe track and cylinder, orange highlight, two buttons
07footerLink columns and newsletter on black

Rating · Home

Visual design8.1

UX & clarity7.6

Originality7.9

Craft & consistency7.8

Motion7.0

Performance & a11y7.7

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

Main colours

Light & dark toggle·black background·vivid

Typography

Neueheading · sans · self-hosted Neuebody · sans · self-hosted

Stack & style

Next.js DatoCMS React

Bold typography 3D Illustration-led Dark tech Product-UI-led Logo cloud Marquee Sticky header Testimonial slider

Also: Meta Pixel, Hotjar, Google Analytics, Google Tag Manager, Vercel, Amazon CloudFront

Design DNA

Hero starts white with a sketchy line-drawn landscape and a train track winding down, fading into a black page. A bold compact grotesk headline and black pill buttons sit left. Rows of tiny multicolour dotted lines separate chapters. Perspective-tilted dark product screenshots with green and red test bars anchor each section, followed by dark bordered cards with UI crops. A horizontal testimonial strip of customer cards, then the track returns in wireframe around a data-center cylinder with an orange flaky tests highlight and a centred CTA.

Worth borrowing

Carry one hand-drawn wireframe metaphor (a railway track) from hero to closing CTA.
Divide dark sections with rows of tiny multicolour dotted dashes that echo CI status bars.
Tilt dark product screenshots in perspective so dense dashboards read as scenery.