Liveblocks homepage hero with 3D scene

Dark homepage hero with version pill, collaboration headline, colorful feature icons, dual CTAs, and spotlight-lit 3D cubes.

Styledark-mode, minimal, 3d-render, gradient-heavy

Colordark, high-contrast, vibrant

Typesans-serif, display

Moodbold, premium, energetic

Industrydeveloper-tool, saas

Elementsnav-menu, badge, button-primary, button-secondary, icon, image

Tags3d-cubes, spotlight-scene, product-icons, version-announcement, collaboration-platform

Palette

#000000

#FFFFFF

#FF6B4A

Summary

Flagship Liveblocks hero pairing bold collaboration copy with a dramatic spotlight on scattered 3D blocks.

Visual description

Black page with nav logo, links, Sign in, Sign up arrow. Center pill "Introducing Liveblocks 2.0 ?" above headline "Unlock collaboration in your product." Gray paragraph embeds small colorful icons beside Comments, Notifications, Text Editor, and Realtime APIs, ending with "Finally." White Sign up for free and Read the docs CTAs. Bottom third: dark floor with cube primitives, one center cube lit by a cone spotlight from upper right, subtle red/green/blue accents on blocks.

Key takeaway

Inline colorful product icons inside body copy tie words to SKUs without a feature grid. Spotlight 3D scene adds premium drama under minimal typography.

Reuse notes

Works for platform homepages launching multiple products. 3D scene must stay dark enough not to compete with white headline. Version pill adds timely hook.