BaseHub

Item: BaseHub
Rating: 7.3

AI-native headless CMS with branching, typed SDK and collaborative editor.

basehub.com Save page

7.3/10MABTU rating

DESKTOP · 1440 × 6,860/ ↗

MOBILE · 390

Section outline · Home

01heroLeft headline, orange button, orange-framed live editor1,140
02logo cloudSmall monochrome customer logos
03featurePill label, text and quote card502
04processThree cards: branch, review, merge with UI802
05codeDark code block with tabs947
06feature explorerFeature list left, live preview right1,732
07pricingBordered strip with four included limits593
08templatesThree template thumbnails744
09footerOrange strip, logo and small links353

Rating · Home

Visual design7.6

UX & clarity7.2

Originality7.2

Craft & consistency7.3

Motion6.5

Performance & a11y7.7

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

Main colours

Light & dark toggle·black background·vivid

Typography

Geistheading · sans · google Geistbody · sans · google

Stack & style

Next.js React Three.js Tailwind CSS WebGL canvas

Minimal Dark tech Product-UI-led Logo cloud Marquee Process steps Sticky header Tabs

Also: Vercel

Design DNA

Pure black canvas, a tight white grotesk at modest sizes, one orange accent for buttons, frames and pills, and hairline vertical guide lines down the left margin. The hero is left-aligned with a small orange button, a handwritten 'play with it' scribble and a big embedded editor framed in thick orange. Sections follow a small pill label, heading, dim subcopy and a dark bordered UI demo: quote card, three-step branching cards with comment threads, a code block, a feature list beside a live preview, a pricing strip and template thumbnails over an orange rule.

Worth borrowing

Frame the interactive product demo in a thick brand-coloured border so it reads as a playable object.
Add a handwritten arrow and 'play with it' note next to an embedded demo to invite interaction.
List every feature as a vertical text menu that swaps a large live preview on the right.