# Cobalt Grid

COBALT GRID / TREND REPORT VOL.01 — 2026
Two-Color Risograph Monograph

# The Grid Is the Canvas.

Cream paper, electric cobalt, and graph-paper drafting tone behind every frame.
FRAME SYSTEM — NEWSREADER · HANKEN · DM MONO 01 / 06
01

## Palette

Strictly Two-Color
Paper
#F0EBDE
The canvas — warm newsprint cream.
Ink (Cobalt)
#1F2BE0
The only ink — type, rules, grid, decoration.
Ink Soft
#5560E5
Secondary cobalt for editorial subtitles.
Paper 2
#E6E0CE
Deeper cream for subtle region shifts.
Grid 10%
cobalt · .10
Permanent graph paper + chart "off" cells.
Ink Faint 18%
cobalt · .18
Faint row dividers in dense lists.
02

## Typography

Serif · Sans · Mono
display-hero
Newsreader 400 · up to 18vh · -0.008em
Trend Index
vbig-numeral
Newsreader 400 · to 240px · -0.015em
240
headline
Newsreader 400 · section header
The Cobalt Ledger
body
Hanken Grotesk 400 · line 1.5

Hanken Grotesk carries every body paragraph and supporting line — the quiet sans against the serif statement.

micro
Hanken 600 · 0.16em · uppercase
Section Label / Lab-Tag
mono-tag
DM Mono 400 · 0.05em
CAT—001 · 2026.Q2 · ↑ 4.2
03

## Components

Flat · Structural Rules
Topbar rule + ledger rows
Trend LedgerLAB—02 / N=08
No.SignalReadingΔ
001RisographTwo-color print revival in editorial design.↑ 4.2
002Graph ToneDrafting-paper grids as permanent canvas.↑ 3.1
003Pixel GlitchStair-stepped scanline decoration.— 0.0
Pixel-stack bar chart
Q1Q2Q3Q4Q5Q6
QR-block patch
Pixel-glitch column
Vertical-stack labels
CATALOGUE · 2026COBALT — GRIDEDITION No.01
04

## Frame Compositions

True 16:9 · cqw Scaled
Hero Cover· identity · glitch + QR · left
Trend Report

### The grid is the canvas.

Cream + cobalt, drafting tone behind every frame.
01 / 06
Index Ledger· catalog · dense frame
Six SignalsLAB—02 / 2026
01
Risograph Revival
Two-color print as editorial register.
02
Graph-Paper Tone
Drafting grids as permanent canvas.
03
Pixel Glitch
Stair-stepped scanline decoration.
04
QR Mosaic
8×8 patches as graphic punctuation.
02 / 06
Chapter Opener· section · sparse · left
CHAPTER 02

### On Measure
& Margin.

The grid wants to be filled — but the chapter opener lets it breathe.
03 / 06
Data Frame· chart · pixel-stack
Signal StrengthFIG.04 / INDEX
010203040506
04 / 06
05

## Frame Rules

Two-Color · Flat

#### Do

- Keep the graph-paper grid behind every frame — it is the canvas tone.
- Frame every slide with top + bottom 1.5px cobalt hairlines.
- Set Newsreader at weight 400 in cobalt; size, not weight, makes hierarchy.
- Track Hanken labels uppercase at 0.16em; mono chrome at 0.05em.
- Render data as pixel-stack cells — cobalt on / 10% off.

#### Don't

- Never introduce a second ink color — cream + cobalt only.
- No bold Newsreader, no rounded corners, no drop shadows.
- Don't disable the grid or suppress the hairlines.
- Don't crowd chapter / quote / colophon — let the grid breathe.
- Don't blow a serif headline edge-to-edge — fit to measure.

06

## Captions

Lower-third · Karaoke
Active line· spoken · current · upcoming
caption band · 16.7%
Built for teams who ship.
05 / 06
Settled line· all spoken · block cleared
Ship faster today.
06 / 06
Cobalt Grid FRAME SHOWCASE · ATOMS SACRED · COMPOSITION FREE