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.