Content Engine · Internal reference

StoryBrand Page Arc & Colour Journey

Every Zen page takes the visitor on one emotional journey, top to bottom. Each section is a beat in the story — and the colour shifts with the emotion: cool trust to open, a saturated spike for the pain, a violet bridge into hope, then calming teals toward safety. Every colour is a brand-kit token (shown below). Each section also sits on one of three brand surfaces — white, mist, or a dark navy anchor — grouped into four acts, so the background shifts with the story rather than at random.

Page White · #fff — default reading ground
Mist · #f4f7fc — the quiet alternate
Navy · #1c2645 — dark anchor for the peaks

The customer is the hero throughout; Zen is the guide. Colours are named & tokenised so we can reference them — e.g. “make that Hope Periwinkle” or “use Signal Pink (pink-500) for the CTA”. Source of truth: the Brand Kit.

© Zen Systems Ltd — StoryBrand Content Engine · internal reference