Colophon
The design and technical details behind WunderSpark Labs: an editorial technology lab built with Astro.
The build
A modern technology laboratory, interpreted through editorial design. Dark charcoal, warm ivory, amber signals, and a little restrained cyan.
The visual idea
The mark is an intersection: an idea finding its point on a grid. On the homepage, hundreds of points move from a loose cloud of curiosity, through a connected experiment, into that mark. The product illustrations are original vector studies, not screenshots.
The typography
Bricolage Grotesque sets the headlines, Geist carries the writing, and Geist Mono organizes the labels and technical details. The fonts are served from this site, so no third-party font service is requested when you visit.
Bricolage Grotesque is by the Bricolage Grotesque Project Authors; Geist and Geist Mono are by the Geist Project Authors. All three are distributed under the SIL Open Font License.
The build
Astro generates the pages as static HTML. React powers the small interactive pieces, including the particle field, which draws to a canvas and pauses when it is off screen.
The principle
A lightweight page, an honest description, and a clear next step. The site should make the products easier to understand, not compete with them for attention.
Designed and built by WunderSpark Labs.