Assembly

Item: Assembly
Rating: 7.2

Client portal platform with an AI builder for custom business apps.

assembly.com Save page

7.2/10MABTU rating

DESKTOP · 1440 × 6,476/ ↗

MOBILE · 390

Section outline · Home

01announcement barThin centred link bar
02headerLogo, five links, Log in, Book a demo, black Get started
03heroLeft headline, prompt input with ideas menu, template tile carousel1,045
04statsFour figures: businesses, apps, clients, payments4,761
05process stepsTabbed steps above periwinkle-framed builder UI2,034
06featureLeft stacked labels, right periwinkle-framed client portal screenshot
07testimonialLarge quote with portrait and three grey stat cards
08feature listLeft intro, right expandable list of ten capabilities2,041
09faqTwo-column accordion rows
10ctaCentred heading with prompt box684
11footerFive link columns and lime-blue gradient wave655

Rating · Home

Visual design7.5

UX & clarity7.4

Originality6.6

Craft & consistency7.6

Motion6.0

Performance & a11y7.7

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

Main colours

Light & dark toggle·white background·vivid

Typography

PP Moriheading · font · self-hosted PP Moribody · font · self-hosted

Stack & style

Google Fonts Next.js React Tailwind CSS Contentful

Minimal Rounded / soft Product-UI-led FAQ accordion Live chat Process steps Stats band Sticky header Tabs Theme toggle

Also: Segment, Meta Pixel, Vercel, Google Analytics, Google Tag Manager

Design DNA

White canvas with a light-weight grotesk for large left-aligned headings and tiny mono eyebrows. The hero pairs a two-line headline with a large prompt input and a black Get started pill, above a horizontal row of soft grey template tiles (tracker, timer, onboarding). A four-figure stats row, then product UI screens sit inside flat periwinkle blue frames with tabbed steps. A client quote with portrait and three stat cards, an expandable feature list, a two-column FAQ, a repeat prompt box CTA and a footer ending in a lime-to-blue gradient wave.

Worth borrowing

Make the hero CTA a real prompt box with a placeholder task, then repeat it as the closing CTA.
Frame every product screenshot in the same flat periwinkle panel to give a light page one brand colour.
End the footer with a blurred lime-to-blue gradient hill instead of a dark band.