Frame System · Vol. 01
EF

Paper,
ink & leaf.

A serif-led editorial frame system — Source Serif 4 at weight 500, a forest-green / dusty-rose / oat-cream triad, and JetBrains Mono as the editorial chrome.
Source Serif 4 · JetBrains Mono1920 × 1080
01 — Palette

Three Surfaces

Green
#2e4a2a
Forest primary — surface, fill, rule.
Pink
#e89cb1
Dusty rose — the accent + on-green text.
Cream
#efe7d4
Oat paper — the default ground.
Ink
#1a1a17
Warm near-black body on cream.
Green Deep
#243a21
Text on pink surfaces.
Green Lite
#3a5a36
Second green for tile pairs.
Pink Deep
#d27e96
Pink-on-pink borders.
Cream 2
#e6dcc4
Tiles on the cream ground.
02 — Typography

Serif 500 · Mono Chrome

display-hero
Source Serif 4 · 500 · 220px · −0.02em · opsz
Quarterly
headline-xl
Source Serif 4 · 500 · 96px
A Quiet Annual
stat-figure
Source Serif 4 · 500 · 220px · −0.03em
94%
body
Source Serif 4 · 400 · line 1.38

Body runs the serif at weight 400 — the drop from 500 display to 400 body is the system's reading rhythm.

label
JetBrains Mono · 500 · uppercase · 0.18em
Editorial Chrome · Section
03 — Components

Flat · Paper-Based

Topic tiles — fills rotate green / pink / green-lite / cream-2
01
Paper
Ground
02
Ink
Type
03
Leaf
Surface
04
Rose
Accent
Monogram circle + KPI
EF
Retention
94%
Net revenue, trailing twelve months.
Bar chart — pink / cream / green, mono ticks
55
72
90
64
Meta definition list — 2px green top rule
Editor
A. Wren
Issue
No. 12
Season
Spring
04 — Frames

Frame Compositions

05 — Rules

Frame Rules

Do

  • Run every display in Source Serif 4 weight 500, negative-tracked, tight line-height.
  • Set every label/caption in JetBrains Mono 500 uppercase, 0.14–0.18em.
  • Give every frame a topbar (mono label + monogram or counter).
  • Pick one dominant surface per frame; rotate tile fills, don't repeat one.
  • Separate sections with 2px hairlines in the region's accent.

Don't

  • No drop shadows, gradients, or glows — flat, paper-based depth only.
  • No third typeface; no italic or underline; no serif body at 500.
  • No fourth color family; no 1px or 4px rules (2px / 2.5px only).
  • No two competing content blocks — one subject per frame.
  • Don't blow a headline edge-to-edge — fit to measure.
06 — Captions

Lower-Third Karaoke

Editorial Forest Frame Showcase · Atoms Sacred · Composition Free