Weave the whole story.

A story workspace from first beat to final draft.

Brand Guideline · v1 · 2026
01 — Etymology

The name

French word: Trame — in storytelling, the structural backbone of a story: the underlying framework, the core chronological sequence of events, the logical thread that holds a narrative together before the fine details are added. Weaver — the one who takes that thread and works it into something whole. TrameWeaver: the tool that helps a writer weave their trame into a finished story.

pronounced /tʁam ˈwiːvər/ "trahm" (rhymes with calm) + "weaver" (as in English)
03 — Signature

The three beats

Three dots — the beat, the core structural unit of the whole product. They tie the wordmark to the favicon: both are a letterform with its beats beneath. Use the trio as a quiet divider or end-mark; never as a vertical "⋮" (that reads as a menu) or a horizontal "…" (that reads as an ellipsis).

04 — Colour

A warm dark

Near-black charcoal under aged-paper text, with one confident gold. Not a generic dark mode — a warm, cinematic, editorial one.

Core

Ink
#0d0d0f
Primary background
Parchment
#e8e6df
Primary text
Brass
#c9a84c
Primary accent · brand
Bronze
#8b5e2a
Deep accent · hovers
Surface +1
#141418
Cards, panels
Surface +2
#1c1c22
Raised, inputs
Muted
#9b9890
Secondary text
Faint
#817e77
Labels, hints

Mode accents

The accent shifts with the work. Brass for the planning stage — Board, Story Flow, Outline, Inspector. Amethyst for the writing stage — Scenes. A quiet signal that you've crossed from structuring into drafting. Brass remains the primary brand colour everywhere the product represents itself; Amethyst is scoped to the writing surface.

Brass · planning
#c9a84c — Board · Story Flow · Outline · brand
Amethyst · writing
#7b5ea7 — Scenes (the page)
05 — Typography

Five voices

A title face, a body face, a utility mono, the screenplay face, and the logo serif. Each has one job.

Display / titles
Bebas Neue
STORY ARCHITECTURE

Section titles and the app's structural headers. Always tracked, always confident.

Body / UI
DM Sans
Plan the structure, write every scene, export the draft.

All running text, controls, and interface copy.

Labels / data
DM Mono
TENSION · BEAT 04 · 33p

Eyebrows, metadata, counts, and small uppercase labels.

Logo serif / accent
EB Garamond Italic
Weaver

Reserved for the wordmark. May appear sparingly for prose or pull quotes.

06 — Voice

How it speaks

Writerly, cinematic, calm, and honest. It talks to writers like a trusted collaborator — never like an admin panel, never like a hype deck.

Writerly, not technical

Name things the way a writer would. "Your work stays in this browser," not "client-side persistence layer."

Calm and cinematic

Confident and spare. Let the craft carry the weight; skip the exclamation marks.

Honest about functionality

Say plainly what a feature does and doesn't do yet. No overselling, no vague promises. Trust is built, not claimed.

Plain verbs, sentence case

"Write the scene." "Export the draft." Active, specific, sentence case in the interface.

07 — In words
Weave the whole story.

A story workspace from first beat to final draft.