Reference theme

A starting point, not a finished design

Every block here exists to be copied. The styling is deliberately plain so there is nothing to undo — read the comments in each file, then make it yours.

Features

What this theme demonstrates

Each card below is one entry in an array field, edited in the admin as a repeatable group.

Array fields

This section is the reference. The client edits the list; the columns and card design stay coded.

Tokenised colour

Every colour reads a CSS variable whose value lives in styles.ts, so Theme → Styles can change it.

Its own typefaces

Fonts come from .woff2 files this tenant ships, declared in fonts.ts. Nothing is fetched from a catalogue.

How it works

  1. Copy the theme

    Duplicate this folder, rename the namespace, and start deleting what you do not need.

  2. Make it yours

    Rewrite styles.ts for the client's palette and swap the fonts for theirs.

  3. Ship it

    Run onboarding from the ops console and hand over the login.

About this theme

This section is edited with the rich-text editor, because its field is named exactly content. Rename it and you get a single-line input, with nothing to tell you why.

Read the comments in each file — they cover the traps that do not announce themselves.