n8n

Item: n8n
Rating: 7.2

Workflow automation platform for building AI agents, self-hosted or cloud.

7.2/10MABTU rating

DESKTOP · 1440 × 7,929/ ↗

MOBILE · 390

Section outline · Home

01heroLeft headline, 3D lightning bolt, logos752
02use casesRole tabs with workflow canvases
03statsThree proof chips
04integrationsGlowing icon grid596
05featuresDark bento cards1,095
06featuresOrange glow card with node UI1,376
07featuresChecklist and glowing bolt icon
08case studiesHuel and Vodafone cards875
09featuresEnterprise feature list889
10testimonialsCommunity quote cards
11ctaOrange horizon glow1,431

Rating · Home

Visual design7.5

UX & clarity7.1

Originality6.9

Craft & consistency7.0

Motion6.5

Performance & a11y7.7

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

Main colours

Dark·dark grey background·vivid

Typography

Geomanistheading · font · self-hosted Geomanistbody · font · self-hosted

Stack & style

Vue Nuxt Tailwind CSS

Gradient-heavy 3D Dark tech Product-UI-led Bento grid Custom cursor Hero video Logo cloud Marquee Parallax Sticky header Tabs Testimonial slider Transparent header

Also: Cloudflare, Google Tag Manager, Plausible

Design DNA

Near-black indigo page lit by orange and violet glows, with a light-weight grotesk for large headlines and orange gradient buttons. The hero sets a left headline beside a glowing chrome lightning bolt. Proof chips (GitHub stars, G2, community) sit in dark cards, an integration icon grid glows purple, and a bento of dark cards shows agent building, human-in-the-loop and self-hosting UI. A full-width orange glow card demos code versus UI nodes; role tabs on mobile show node workflow canvases. Case studies, enterprise features and an orange horizon CTA precede a rounded dark footer.