Inside the Komma Komma website design
Komma Komma is a creative website built with custom code, Astro, GSAP, and Three.js. Its pages are built from hero, contact, features, footer, other, and testimonials sections, shown here in full-page captures and a scroll recording. Typography: Instrument Serif. Palette: #202000, #E06060, #E0A0A0.
Its visual style is minimal, typographic, and editorial, with navigation bar, hero with background imagery, and primary button among its components.
Why we picked it
A full bleed photo of an Icelandic cityscape framed like a window sets a moody tone before the page settles into a quiet grey canvas with plenty of air. Mismatched type sizes in the opening statement and a staggered project mockup break the grid just enough to hold attention, while small caps labels and a service list keep scanning easy.
What to look for
- Hero: a specific headline instead of a generic slogan
- Contact: a direct email or a short form
- Features: benefits framed around what the user gets, not internal capability names
- Footer: grouped navigation with clear column headings
Sections from Komma Komma
Questions designers ask
What fonts does Komma Komma use?
Komma Komma uses Instrument Serif, read from the fonts loaded on the captured page.
What is the Komma Komma website built with?
The Komma Komma website is built with custom code, Astro, GSAP, and Three.js, detected when the page was captured.
What colours does the Komma Komma website use?
The captured palette includes #202000, #E06060, and #E0A0A0.
What sections does the Komma Komma website have?
The Komma Komma website includes hero, contact, features, footer, other, and testimonials sections. Each one opens on its own page, so you can compare it with the same section on other websites.
Can I use Komma Komma'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 Komma Komma's typography, colours, and components for your team or an AI tool.
