CherryBomb

Themes

Thirty official themes ship inside the binary, every one on the same token API and theme contract, so swapping is one config line and your overrides never fork. Each card links to the live exhibition, where every theme wears the same site, and to that theme's guide on customising it the Cherry way.

The default theme home page: quiet serif typography with a red accent

default

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

Live demo Customise

The cherrybomb theme home page: hot pink accents on a poster-paper ground

cherrybomb

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

Live demo Customise

The porcelain theme home page: warm ceramic white with sage green links

porcelain CSS-only

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

Live demo Customise

The teletype theme home page: monospace text with amber markdown heading markers

teletype CSS-only

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

Live demo Customise

The prism theme home page: a violet gradient mesh behind a glass header

prism WebGL

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

Live demo Customise

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.

Live demo Customise

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.

Live demo Customise

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.

Live demo Customise

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.

Live demo Customise

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.

Live demo Customise

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.

Live demo Customise

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.

Live demo Customise

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.

Live demo Customise

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.

Live demo Customise

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.

Live demo Customise

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.

Live demo Customise

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.

Live demo Customise

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.

Live demo Customise

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.

Live demo Customise

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.

Live demo Customise

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.

Live demo Customise

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.

Live demo Customise

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.

Live demo Customise

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.

Live demo Customise

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.

Live demo Customise

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.

Live demo Customise

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.

Live demo Customise

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.

Live demo Customise

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.

Live demo Customise

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.

Live demo Customise