Landing page mockups

Fourteen hub pages that link out to the 12 product sites, plus twenty-five landing layouts — all driven by one config file. Pick a site to see how each landing layout handles a different logo, color and copy.

The chosen direction Hub 03 as the ecosystem page · landing pages = 14 + 16 with “Follow the light” · official logos

Mockup 18 · more pop 21 – 25 · same layout as 18, louder motion — each one tries a different kind of flash

Opening intros one per product, played before its page (21 · Ignite) — try any intro on any product with the picker in the bottom bar or in the Hub 13 preview

Hub pages one front door for all 12 products · preview each site before you go

Hub 06 family · lite 07 – 09 · CSS-driven, no animation loops, live preview only on request — for slower machines

Hub 06 family · mobile first 10 – 12 · built for thumbs: scroll focus, swipe stories, wallet cards, drag-to-close sheets

Spotlight family 07 + 13 – 17 · your pick, in six variations

Layouts 01 – 06 · light motion

Interactive 07 – 12 · tabs, carousels, scroll effects, canvas, command palette

Original references profile site

03 · Split Sidebar 04 · Dark Glow
How to plug in a new site
  1. Add the logo files to logoDump/, list them in tools/make-logos.py and run it — it cuts out the background and writes small assets/brand/<key>-mark.webp, -word-light.webp and -word-dark.webp files.
  2. Add an entry to assets/site.config.js with name, logo, wordmark, colors, headline, description, features, stats and contact.
  3. Open any mockup with ?site=yourkey, or use the switcher in the bottom-left corner.