cherry · the exhibition

Every theme, wearing the same site

One content tree — pages, a blog, a portfolio, a print-ready CV — built once per official Cherry theme. Same routes everywhere, so swap mid-page and you stay where you were. Cards follow your system's light or dark scheme; every site has its own toggle.

The default theme: quiet typography-first blog pages

default →

The category standard, played straight. Charter prose, one cherry accent, zero webfonts.

The cherrybomb theme: neon night wall by dark, poster paper by day

cherrybomb →

The brand. Neon night wall by dark, poster paper by day, Noto Sans Mono where the code burns.

The porcelain theme: glazed ceramic ground, Literata serif, sage accent

porcelain CSS-only →

Glazed-ceramic ground, Literata serif, a sage accent applied like a maker's mark.

The teletype theme: all-mono, amber phosphor terminal by night

teletype CSS-only →

All-mono for the devlog crowd: paper printout by day, amber-phosphor terminal by night.

The prism theme: a live gradient mesh under glass surfaces

prism WebGL →

A live gradient mesh painted by a 5 KB shader from the theme's own tokens, under glass.

The constellation theme home page: a star field behind a large gradient title

constellation canvas2d →

A living star field behind a centred mast and a full-viewport home hero; Unbounded over Geist.

The warp theme post page: orange light streaks behind a large Syne title

warp WebGL →

Streaks of light rushing past under a transparent mast, the page title planted in the band; Syne.

The erosion theme blog index: a two-column serif grid over a drifting grain field

erosion canvas2d →

Thousands of grains on a slow flow field behind a soft-serif magazine index; Fraunces, verdigris on stone.

The vortex theme blog index: oversized titles beside rotating rings of text

vortex SVG + CSS →

The site name spun on two counter-rotating text rings; titles land letter by letter; Bricolage Grotesque at display size.

The halftone theme blog index: poster cards with hard black shadows on paper with a red dot screen

halftone CSS-only →

Risograph: halftone dot screens, hard offset shadows, poster cards; Archivo Expanded shouting the headings.

The isometric theme post page: a left navigation rail with a perspective grid floor beneath it

isometric CSS-only →

A product site: left rail navigation over an animated isometric grid floor; Sora throughout.

The sylva theme blog index: green leaves drifting behind a serif list grouped by year

sylva canvas2d →

A living season: leaves, petals or snow drifting behind a serif index grouped by year; the canvas knows the month.

The tideform theme post page: layered blue waves under the header above a bold title

tideform canvas2d →

A horizon of four layers of procedural swell rolling under the mast of every page; Schibsted Grotesk.

The cathode theme post page: green phosphor monospace text under scanlines with a blinking cursor

cathode CSS-only →

A CRT: scanlines, phosphor bloom, a bezel, and a cursor blinking after every title; Azeret Mono.

The kage theme post page: a huge italic serif title on black velvet

kage scroll scenes →

Cinema: every block rises into view, the mast hides as you read, a progress hairline; Instrument Serif italic over Hanken Grotesk.

The broadsheet theme blog index: a newspaper front page with a centred masthead and three columns

broadsheet CSS-only →

A newspaper: a centred masthead between double rules, a three-column front page with datelines; Playfair Display.

The brutalist theme blog index: a black-bordered title box, a blue ticker strip and a ruled table

brutalist CSS-only →

Raw: 3px borders, Anton headlines the width of the page, a marquee ticker, a table for the index.

The cinema theme home page: a condensed white title over a dark red film still

cinema video →

A film opening: a looping video background under the home title, a transparent mast; Big Shoulders Display over Manrope.

The bento theme home page: rounded white tiles on a grey ground with a large title

bento CSS-only →

Tiles: a bento grid for the home and the index, the newest post spanning two columns; Onest at every weight.

The showoff theme home page: a pink-to-violet gradient title over an aurora with a serif italic lede

showoff everything →

An aurora shader, a comet cursor, gradient type, tilting cards, a marquee, magnetic nav and scroll reveals, all at once.

The atlas theme blog index: post cards inside dashed tag regions on a grid, with a minimap

atlas canvas + island →

The site as a map: the index is a plane you pan and zoom, posts in tag regions, a minimap; Geologica.

The bellows theme home page: the site name set extremely wide in a heavy sans

bellows CSS-only →

Type that breathes: Anybody's width axis bound to scroll, every title widening and narrowing as it passes.

The mercury theme home page: a liquid chrome surface behind a title filled with the same chrome

mercury WebGL →

Liquid metal: a chrome pool that dents under the pointer and ripples on click, the title cast in the same chrome; Dela Gothic One.

The flipdot theme blog index: amber dot-matrix titles on a black board with a status column

flipdot island →

The departure board: titles flip in character by character, the index is the board; Doto's dot-matrix face.

The transit theme post page: a sticky title rail on the left, the body on the right

transit CSS-only →

Zero-JS page transitions: a post's title morphs from the index into its page, reading progress by scroll timeline; Gabarito.

The loom theme blog index: rows of small filled cells beside serif titles under a woven band

loom canvas2d →

Woven cloth: a verlet cloth behind the mast that ripples under the pointer, warp-thread rules, a weaver's draft index; Young Serif.

The topo theme post page: contour lines at both margins around a clear reading column

topo canvas2d →

Contour lines: a drifting relief field traced live across the page that goes flat under the reading column; Alegreya.

The desktop theme blog index: a classic OS window with a list view of posts on a grey stippled desktop

desktop CSS-only →

The retro OS played straight: a window with title bar and gadgets, bevelled buttons, a list view index, a dialog 404; Pixelify Sans chrome.

The swiss theme home page: a huge flush-left name on a visible twelve-column grid with red links

swiss CSS-only →

International Typographic Style: a visible twelve-column grid, flush-left asymmetry, red, black and white; Familjen Grotesk.

The sketchbook theme post page: a handwritten title with a wobbly blue underline on grainy paper

sketchbook CSS-only →

Drawn by hand: wobbling rules and underlines that draw themselves on scroll, paper grain, taped corners; Shantell Sans.