Inside the SWSH website design
SWSH is a technology website built with custom code, Next.js, and Three.js. Its pages are built from hero, features, footer, stats, feature grid, CTA, editorial, FAQ, and gallery sections, shown here in full-page captures and a scroll recording. Typography: gerstnerProgramm. Palette: #002020, #FF6040, #802000.
SWSH is the fan engagement platform for live events. Shared albums collect fan photos and videos, deliver them instantly with opt-in facial recognition, and turn UGC into audience growth. Its visual style is bold, minimal, and photographic, with navigation bar, hero, and product card among its components.
Why we picked it
A near black canvas lets scattered festival photos, orange accent buttons, and a huge bold headline pop against the dark, giving the hero a late night concert mood. Small round avatar bubbles, chat style notifications, and logo bars break up the long scroll into clear, scannable proof points without crowding the main message.
What to look for
- Hero: a specific headline instead of a generic slogan
- Features: benefits framed around what the user gets, not internal capability names
- Footer: grouped navigation with clear column headings
- Stats: three or four numbers that matter to the buyer
Questions designers ask
What fonts does SWSH use?
SWSH uses gerstnerProgramm, read from the fonts loaded on the captured page.
What is the SWSH website built with?
The SWSH website is built with custom code, Next.js, and Three.js, detected when the page was captured.
What colours does the SWSH website use?
The captured palette includes #002020, #FF6040, and #802000.
What sections does the SWSH website have?
The SWSH website includes hero, features, footer, stats, feature grid, CTA, editorial, FAQ, and gallery sections. Each one opens on its own page, so you can compare it with the same section on other websites.
Can I use SWSH's design for my own project?
Use it as a reference for structure, hierarchy, and style rather than something to copy. The DESIGN.md download summarises SWSH's typography, colours, and components for your team or an AI tool.
