Inside the Humble website design
Humble is a hardware website built with Webflow and GSAP. Its pages are built from navbar, hero, features, stats, CTA, gallery, and footer sections, shown here in full-page captures and a scroll recording. Typography: Funnel Display (display text and headings), Funnel Sans (body text), and Geist Mono (monospaced text). Colours: background #030101, text #FFFFFF, main buttons #81F2B2, accent #EF682C.
Humble Robotics builds the Humble Hauler — a fully autonomous, electric Class 8 truck for dock-to-dock freight transport. Zero emissions, 200-mile range, no driver required. Its visual style is corporate, typographic, and minimal, with navigation bar, hero with background imagery, and split hero among its components.
Why we picked it
A black opening screen with large type and a yellow-to-green gradient on key words sets a confident, technical tone before giving way to a pale cream section for calmer reading. Dark green data panels with glowing 3D renders of the truck break up the long page and make the capacity and cost numbers easy to spot at a glance.
What to look for
- Navbar: a short menu: only the destinations visitors actually look for
- Hero: a specific headline instead of a generic slogan
- Features: benefits framed around what the user gets, not internal capability names
- Stats: three or four numbers that matter to the buyer
Questions designers ask
What fonts does Humble use?
Humble uses Funnel Display for display text and headings, Funnel Sans for body text, and Geist Mono for monospaced text, measured from the captured page's CSS.
What is the Humble website built with?
The Humble website is built with Webflow and GSAP, detected when the page was captured.
What colours does the Humble website use?
Measured from the captured page's CSS, the Humble website uses #030101 for the background, #FFFFFF for text, #81F2B2 for main buttons, and #EF682C as an accent.
What sections does the Humble website have?
The Humble website includes navbar, hero, features, stats, CTA, gallery, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
