MorrowfieldCapitalS0 / Start here
Template manualVersion 1.0

Start here / Editing system

A precise way to make Morrowfield your own.

Change identity and structured content first. The relationships, comparisons, and case system will then keep the complete site coherent.

View the live template ↗

Four-stage setup

Edit in this order.

01 / Identity

Make the system recognisably yours before changing layouts.

Replace the identity at token level so every page, state, and component changes together.

  1. 01Brand lockup

    Replace the wordmark and short descriptor in the shared navigation.

    Release checkConfirm the desktop rail and the mobile index at 360 px.
  2. 02Colour tokens

    Update Paper, Ink, Field, Signal, and Focus once in the site variables.

    Release checkRetest normal text at 4.5:1 and large text at 3:1.
  3. 03Type system

    Set one editorial display family, one reading family, and one data face with web licences.

    Release checkReview the longest company and article titles at every breakpoint.

Portable content model

Eight datasets. One connected site.

DatasetRequired fieldsConnects to
01Tests

Id · title · principle · fallback question

Sectors · Companies · Cases
02Sectors

Slug · name · thesis · four questions · signals

Companies · Funds · People
03Companies

Slug · sector · stage · region · fund · four test readouts

Sectors · Funds · Cases
04Funds

Slug · years · state · mandate · sector slugs

Companies · Sectors · Cases
05People

Slug · role · focus · sector slugs · questions

Sectors · Field notes
06Field notes

Slug · sector slug · title · date · chapters

People · Sectors
07Roles

Title · company · location · mode · sector

Companies · Contact
08Events

Date · title · place · type

Sectors · Contact

Expansion guardrail

A brief for extending the template without diluting it.

Extend Morrowfield without changing its decision-led structure. Reuse the existing Paper, Ink, Field, Signal, and Focus tokens; editorial, reading, and data type roles; 1 px rules; square controls; and deliberate asymmetry. New pages must connect through stable slugs. Preserve the desktop rail, the mobile 100dvh index, visible focus, reduced-motion alternatives, immediate scrolling, the persistent decision case, and the private concept notice. Do not introduce generic cards, glass effects, decorative 3D, unsupported claims, invented performance figures, or motion without a clear task.

Create a free website with Framer, the website builder loved by startups, designers and agencies.