Internal · v0.1 · May 2026 · For directional review only

Three brand worlds for an education
operating system that refuses to
solve thinking for the children using it.

Embers is built on a constitution written hot. AI builds a floor of first-principles thinking under every child; mentors, experts, peers and family are the team that helps them break through their ceiling. The brand has to feel like that constitution — not like polished EdTech laid on top of it.

What follows is one artifact, three divergent worlds. Each is self-contained: its own type voice, color logic, mark, layout, motion, and product translation. Compare them. Argue with them. Pick the one whose temperature is right — or recombine.

The four pillars Embers stands on

01 / Floor
Agentic AI
A personalised academic guide. First-principles thinking, available to every child, on demand. Patient. Never tired.
02 / Warmth
Cohort mentors
In-room human presence. Accountability and care that AI cannot fake and should not pretend to.
03 / Depth
Subject experts
Adults who have done the thing — mathematicians, historians, makers — bringing real domain weight.
04 / Mirror
Peers
Kids learning from kids. The fastest, oldest learning loop, designed for, not coincidental.

Three directions

At-a-glance comparison
Posture
ConsideredThe brand of someone who has done the work and is showing it.
GenerousThe brand of someone who actually wants the child in the room.
ComposedThe brand of an instrument, calibrated, in a quiet room.
Palette
Paper, iron-oxide red, ink black, botanical green
Anchor: teal × burnt orange Floor (teal) and ceiling-break (ember) as color story
Near-monochrome graphite with a single graphite-blue signal hue
Display type
Cormorant GaramondItalic-leaning serif with letterpress lineage. Carries restraint and erudition.
FrauncesVariable display serif with optical sizing. Carries warmth without sentimentality.
JetBrains MonoDisplay promoted from terminal duty. Carries calm, calibration, and command.
Best when
Talking to parents who read. Long-form essays. Curriculum scaffolding. Annual report.
Talking to children and the adults around them. Onboarding. Mentor moments. Family communication.
Talking to operators, schools, and the team. Dashboards. Mastery analytics. API surface.
Risk
Reads as elite. Needs care to not feel exclusionary.
Slips into sentimentality if warmth is unchecked. The cool teal exists to prevent this.
Reads as cold to a parent. Needs human moments inserted with intention.
Direction 01 · Foundry & Field Notes

Foundry
& Field Notes.

An editorial product brand crossed with a warm scientific notebook. Paper-grade neutrals, iron-oxide ink, ruled margins, type with letterpress lineage. The brand of a person who has done the work and is showing the work. Premium and precise without ever being precious.

§ 01 · Direction thesis

A working notebook
for the team that
still believes.

Foundry treats Embers as a research practice in public. The brand surface is paper, ruled and annotated — not stage. Type does the heavy lifting; color is restrained; everything is annotated. It forfeits showmanship for the authority that only careful work earns. The pillars become four disciplines, not four features. Voice is plainspoken and forward-leaning, the way a serious teacher writes a syllabus they actually mean.

"Voice in the wild"

"We don't promise your child hours back. We promise that the hours they spend with us are the ones they'll remember thinking in."

Posture — considered, annotated, forward-leaning. The brand of someone showing their work to a colleague, not to a camera.

§ 02 · Color system

Paper, iron-oxide,
ink, botanical.

Foundry's color logic is restraint as confidence. The page is paper-50 (not white — that's hospital). The accent is iron-oxide, the red of old anatomy plates and railway notices: warm enough to feel human, dark enough never to feel sweet. Botanical green carries the second voice. Color appears where it earns its place — in figure callouts, in marginalia, on a single rule. Most of the brand is two values of paper and one value of ink.

Reference / palette — primary

primary/700 · iron-oxide
#6B2E15
primary/500 · brick
#A24521
primary/300 · terracotta
#D17A4D
primary/100 · plate
#F1D8C5
secondary/700 · botanical
#2A4138
secondary/500 · field
#4A6A5C
secondary/300 · sage
#8FA89A
tertiary/500 · brass
#B8932E

Reference / neutral ramp 0–950 — warm-leaning ink scale

0
50
100
200
300
500
600
700
800
900
950

System / light + dark — surface logic, not inversion

Light · paper-50

"The hours they remember thinking in."

Body sits on paper-50. Rules are ink-100. Iron-oxide is the only saturated value used at scale.

Dark · lamp-light

"The hours they remember thinking in."

Dark is not inverted paper. It's lamp on table: warmer black, accent shifts to terracotta, never electric.

System / functional tokens

success
field/500
warning
brass/500
error
deep-rust
info
slate

Temperature strip — cool → warm

botanicalfieldpaperterracottairon-oxide

In Foundry, the temperature line earns its place only on the cover page of an annual report. Color is not the load-bearing argument here — type is.

§ 03 · Typography

Three voices,
one quiet room.

Foundry's typography is the brand. The three voices — a serif of letterpress origin, a contemporary humanist sans for UI, and a precise mono for data — all share warm metrics and small ink traps. None of them swagger. None of them whisper. They were chosen to read well at 11pt on paper at 7am.

Display
Cormorant Garamond · Google Fonts · OFL

The floor is what the AI is for.

Display: Cormorant Garamond — Italic 400 / Roman 500.

Why this face for this direction. Cormorant is Christian Thalmann's open-source revival of Claude Garamont's late Renaissance romans, drawn for display sizes specifically — tall ascenders, narrow proportions, dramatic italic, ink traps that come alive on paper. It carries scholarly authority without academic stiffness. The italic is the secret weapon: cursive enough to feel spoken, restrained enough to never feel decorative. The roman holds chapter openings; the italic holds figure captions and marginalia, which is where Foundry's voice lives.

What it forfeits. Cormorant is not for body copy under 14px. We do not try.

Considered

  • EB Garamond — warmer, more antique-feeling, but display sizes lose the bite the brand needs.
  • Source Serif 4 — excellent and Adobe-grade, but reads as software documentation, not voice.
  • Cardo — too liturgical.

Rejected

  • Playfair — the wedding-invitation problem; over-styled didone.
  • Lora — too pleasant; lacks the editorial spine.
  • Cormorant Garamond's lighter weights below 300 — render unevenly at small display sizes.
Text · UI
Inter Tight · Google Fonts · OFL

Inter Tight at 17px / 1.55 carries the running text. The narrower variant of Inter retains the same x-height while tightening proportions, which is what an editorial column wants.

Why this face for this direction. Rasmus Andersson's Inter is the lingua franca of modern UI — we know it. The Tight cut is what changes the argument: at running-text sizes, Tight reduces width by ~5%, which lets us set 11pt body at column widths that feel editorial rather than admin. It pairs honestly with Cormorant because both share open apertures (the C, e, a, s) — a humanist quality that keeps the brand from feeling cold even when the layout is sober.

Pairing risk. Inter has been overused; with Cormorant doing the talking it recedes appropriately, but on standalone surfaces (a 404 page) it can read generic. That's a feature, not a bug, but it means we never lean on Inter alone for brand expression.

Considered

  • Source Sans 3 — Adobe's workhorse, slightly warmer; viable backup.
  • IBM Plex Sans — technical lineage adds character but fights Cormorant's centre.
  • Public Sans — honest but a touch flat under our serif.

Rejected

  • Helvetica/Helvetica Neue — licensed, and the wrong century.
  • Geist — reads as a developer-tool brand.
  • Roboto — the EdTech default we are explicitly not.
Mono · Data
JetBrains Mono · Google Fonts · OFL

// fig. 1 — first-principles arc

mastery = lim(t→∞) f(student · mentor · expert · peer)

2026-05-04T09:14  observation logged · mentor: K. Adi

Why this face for this direction. JetBrains Mono is Phil Pirsch's typeface designed for code rendering at 14–16px on screen, with deliberately-elongated x-height and ligatures that we will turn off. We use it as field-note type: figure numbers, dates, observation timestamps, code samples. It carries calibration-grade clarity without the typewriter cosplay of older monos.

Pairing argument. The three voices belong together because each carries a specific posture: Cormorant asserts, Inter Tight explains, JetBrains records. The hierarchy is editorial: declarative claim, careful argument, dated note. What it collectively avoids is the EdTech default of a single rounded sans doing all three jobs at once.

What a designer would push back on. Three families is a lot to hold in QA. The fix is the ladder below — only six size/weight combos in production.

Display/XL
Cormor · 400 · 96/0.95/-0.025
Floor & ceiling.
Display/M
Cormor · 500 · 40/1.05/-0.02
More themselves.
H3
Inter Tight · 600 · 22/1.3/-0.005
A working notebook.
Body
Inter Tight · 400 · 17/1.55
The hours they remember thinking in.
Caption
Cormor italic · 400 · 14/1.45
fig. 1 — first-principles arc
Mono
JetBrains · 400 · 12/1.55 · 0.04em
2026-05-04T09:14   obs · K.Adi
§ 04 · Logo studies

A serif e,
and a horizon line.

Not a flame. The mark is a terminal — the lower-case e of Cormorant italic, with its terminal stroke extended to a horizon. Reads as a letterform up close (the brand) and a horizon at distance (the floor & ceiling). The wordmark is set entirely in italic Cormorant, lowercase, with a single hairline rule beneath. Studies, not lockups.

embers
Primary · italic wordmark + rule
e
Monogram · circumscribed e
e
Favicon · 16/32px
embers
Knockout · on ink
embers
Reversed · iron-oxide
embers EDUCATION OPERATING SYSTEM · EST. 2026
Editorial flag · long form

"e" is treated as a letter, not an icon. The rule beneath is the floor; the white above is the ceiling; the letter is the child. We do not say this in copy.

§ 05 · Iconography

Hairline ink,
open terminals,
nothing rounded.

A single 1.25px ink stroke. Open terminals (no rounded caps). Square joins. The vocabulary borrows from scientific instrument plates — barometer faces, herbarium tags — not from app stores. One accent stroke per icon allowed in iron-oxide; everything else stays in ink.

ai guide
cohort mentor
subject expert
peer
spark
timeline
notebook
constellation
observation
mastery
progress
village

An icon's job in Foundry is to label, not decorate. They sit beside section heads at 16px, never standalone at heroic scale.

§ 06 · Illustration language

Diagrams,
not pictures.

Foundry illustrates with the vocabulary of the page itself: ruled axes, hand-set captions, dotted construction lines, single-color overlays. Growth is a curve plotted on a grid; intelligence is a Voronoi of subject areas; the ember is a labeled cross-section, not a glow. If you can't write a caption for it, it does not belong.

Plate I — Learning pathway

first contact scaffolded independent break-through

fig. 2 — Pathway. The vertical axis is not measured in grades.

Plate II — Cross-section of an ember

aspiration curiosity core · self memory

fig. 3 — Ember. Inner potential as labeled section, not glow.

Prompt — Plate III · System intelligence
Voronoi of subject areas

Black ink on warm cream paper (#FBF8F2). A Voronoi diagram of 14 cells, each cell a subject area (mathematics, biology, history, music, language, philosophy, etc.). Cell labels in italic Cormorant Garamond, 9pt. Edges in 0.5pt ink with subtle deckle. One cell — "first principles" — filled iron-oxide #6B2E15. No glow, no gradient, no 3D. Antique scientific atlas plate, 18th-century engraving sensibility. Composed at 4:3, generous margin, fig. caption space at bottom.

§ 07 · Photography & human imagery

Hands and
artifacts.

Foundry's photography brief is observational. Hands, materials, marks made on paper, a half-erased whiteboard. Faces are rare and oblique. What's never shown: stock-photo smiles, blurred-classroom-action, raised hands. The rule: a photograph must show evidence of thinking, not performance of learning.

Photo · Learner
A child's hand mid-erasure

Close, low-angle. A 9-year-old's hand, slightly graphite-smudged, holding a pencil at the eraser end. On the page, a cancelled equation and a fresh attempt. Natural window light, slight cool cast on paper. Composition: 3:4 portrait, hand in lower-third, paper fills the frame. No face. Captioned in our voice: "fig. 11 — second attempt."

Photo · Mentor
A mentor's notebook, open

Top-down. A leather-cornered notebook on a wood table, opened to a spread with hand-written observations about three students. The names are obscured by the angle of the page; the structure (date, observation, follow-up) is legible. A coffee cup at edge of frame, wood-grained. Cool morning light. 4:3. No human visible. Captioned: "fig. 8 — Tuesday, after cohort."

Photo · Peer learning
Two foreheads over one page

Top-down. Two children's foreheads (anonymised, only top of head visible) leaning over a single sheet of grid paper between them. One pencil, one pen. On the page, a half-finished proof. Soft daylight. 4:3. No tech visible.

Photo · Artifact
Plant pressed in field log

Top-down. A pressed leaf taped onto a page of a field log, accompanied by a child's hand-written observation in pencil. The taxonomy is wrong, charmingly. Page corners slightly worn. Cream paper, no filter. Captioned: "fig. 14 — first identification."

Never photograph a screen. Never photograph a smile-to-camera. Never photograph teeth.

§ 08 · Layout & grid

A 12-col with a
generous margin
for the gloss.

Twelve columns, but the rightmost two are reserved for marginalia — figure captions, italic gloss, dates. Body copy lives in columns 2–9, never wider than 64ch. Section heads break the grid horizontally with a one-pixel rule that runs full-bleed. The page admits it is a page.

1
2
3
4
5
6
7
8
9
10·gloss
11·gloss
12·gloss

Spacing scale — 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64

sp-14px
sp-28px
sp-312px
sp-416px
sp-524px
sp-632px
sp-748px
sp-864px

Worked example — an opening spread

Chapter II · The floor

Patience, made available.

An AI tutor that does not get tired. That does not flinch when a child tries the same wrong proof for the fourth time. That does not perform delight when the child is finally right.

The floor we build is patience — rendered as an interlocutor, available at 7am or 11pm, that asks a better question every time. This is the part that scales. This is also, deliberately, not the part that breaks the ceiling.

Patience is the only thing we are confident an AI can deliver in a form indistinguishable from human warmth, because patience is not warmth. It is restraint.

— from the constitution, fragment 4

§ 09 · Motion principles

Motion as
annotation.

Motion in Foundry is the act of writing on the page. Things arrive by being drawn or inked; nothing slides, nothing fades from nothing. Tempo is unhurried — 320–640ms standard, never under 180ms. Easing is the gentle deceleration of a hand finishing a stroke.

01 / Bloom1.8s · ease-emph

Ink bloom

Things arrive on the page as ink touches paper — small, quickly readable, then settling. For affirmations and confirmations.

02 / Rule2.4s · ease-standard

Rule draw

Lines are drawn, not faded in. A horizon arriving at its full length tells you the section is real.

03 / Page3.2s · ease-emph

Page turn

Section transitions take the time a page takes. Never the time a slide takes.

04 / Cursor1.1s · steps

Field cursor

The cursor is a fountain-pen tip. It blinks slow. It signals "your thinking is welcome here."

§ 10 · Product translation

The page survives
the screen.

Foundry in software keeps the editorial chassis: ruled rows, italic captions, mono dates, the iron-oxide accent reserved for one moment per screen. The product reads like a working notebook the team is keeping with the child — not a dashboard reporting on them.

Learner timeline · this week
Mon 09:14
First-principles attempt at long division — cancelled and re-derived.
Floor
Tue 14:02
Cohort: defended a wrong answer well; revised after Asha's question.
Mentor
Wed 16:30
Voronoi essay, draft 3. Found his voice in paragraph two.
Expert
Thu 11:48
Independent: re-asked the AI four times. Each version sharper.
Floor
Mastery signal — algebra · arithmetic of variables

Holding.

Asha is comfortable applying it. She is not yet comfortable explaining it.

obs · 14 instances · 9 first-attempt correct · 5 with prompt

Mentor note — Tuesday, after cohort

"She defended the wrong answer in a way that taught me something. Don't correct her too quickly next week."

— K. Adi · cohort 03 · 2026-04-30

AI guide state · paused

The guide is listening. It will not respond unless you finish the thought.

WAITING · NO PROMPT INSERTED
Expert card — Dr. M. Aldrin · mathematics
a

"Working from first principles is faster than the world tells you."

15 YEARS · CAMBRIDGE · NUMBER THEORY

§ 11 · Avoid + iterate

What this
direction isn't.

Foundry can collapse into elite-publication cosplay if pushed too far. The discipline is to keep one foot in plain English, one foot in the page. Below: explicit refusals, and two iteration prompts.

Foundry is not

  • A New Yorker pastiche. The voice is forward-leaning, not literary.
  • An Apple white. Surfaces are warm-paper, never cold.
  • An e-flame logo. The letterform is the mark.
  • Marginalia for decoration. Every gloss must say something.
  • An EdTech with a serif retrofit. Type is the brand, not garnish.

For the next reviewer to try

  • Push the iron-oxide further into a deeper plum-rust; see if the brand reads warmer or only older.
  • Try the wordmark in roman rather than italic Cormorant — does the brand lose its forward lean, or is the italic compensating for thin display weight?
Direction 02 · Kindling · Teal × Burnt-orange anchor

Kindling.

The warmest direction, anchored by the only color pairing that can carry the load-bearing line as color: cool teal floor, burnt-orange ceiling-break. Generous. Tactile. Hand-built. The teal exists to keep the warmth honest — sentimentality dies on contact with that much blue-green. Where Foundry asserts, Kindling welcomes.

§ 01 · Direction thesis

Build the warmth
on top of cold
infrastructure.

Kindling treats the constitution's load-bearing line as a literal color story. Teal is the floor: AI as patient infrastructure, calm, blue-cool, never urgent. Burnt orange is what the team makes possible: the moment a child crosses a ceiling. The brand surface is the meeting of the two. Warmth without cool ground beneath it would be sentimentality — which is the failure mode this direction is built to refuse.

Floor · AI
A patient interlocutor that never tires, never flinches, never performs delight.
Ceiling · break
The moment a mentor, expert, or peer makes the next thought possible.

"Voice in the wild"

"Your child will spend hours with us. We want every one of them to be hours where they thought a thing they did not know they could think."

§ 02 · Color system

Teal × burnt orange.
The line, in pigment.

A complementary pairing on the temperature axis. Teal grounds; ember breaks through. Cream paper holds them apart so neither dominates. Every surface in this direction has both temperatures present in some ratio — warmth alone reads sentimental; cold alone reads sterile; together they read like a real classroom on a real morning.

Reference / palette — teal (the floor)

teal/900 · deep
#0F2D32
teal/700 · floor
#1A535C
teal/500 · current
#2E8A95
teal/400 · shoal
#4FB3BD
teal/300 · mist
#8FD1D6
teal/100 · vapor
#CDE9EB

Reference / palette — ember (the ceiling-break)

ember/900 · core
#4A1A05
ember/700 · break
#92350F
ember/500 · break-through
#D6541A
ember/400 · flare
#ED7A3D
ember/300 · halo
#F4A06A
ember/100 · skin
#FAD9C0

Reference / neutral ramp 0–950 — warm cream scale

0
50
100
200
300
400
500
600
700
800
900

Temperature strip — the load-bearing line, as gradient

teal/700 · floorteal/400creamember/400ember/700 · break

System / light + dark — not inversion. Dark mode is hearth-light, not absence.

Light · cream + ember

Floor that holds. Ceiling that gives.

Dark · deep teal + warm ember

Floor that holds. Ceiling that gives.

System / functional tokens

success
#4F8A5C
warning
#D6951A
error
#B8341A
info · floor
#2E8A95
§ 03 · Typography

A serif that
breathes,
and a sans that
doesn't shout.

Kindling's voices have to do something Foundry's didn't: be warm without sliding into softness. The display is a variable serif with optical sizing — warm at headline scale, businesslike at caption scale. The text-UI is a contemporary humanist sans with a slight Italian inflection. The mono is the same JetBrains used elsewhere; consistency across directions is intentional — data is data.

Display
Fraunces · Google Fonts · OFL

More themselves not more managed.

Display: Fraunces Variable · opsz 48 · weight 300 / 500.

Why this face for this direction. Phaedra Charles & Flavia Zimbardi's Fraunces is a contemporary revival of mid-century display serifs, but the trick is its variable axes: optical size, soft-vs-sharp, weight. At 96px we can dial soft (open counters, a friendly bowl on the a) for landing surfaces; at 14px we sharpen to an editorial roman that still holds the page. One font carries the whole emotional range from "welcome in" to "we mean this." The italic is unapologetically warm without being cursive — a written voice, not a flourish.

What it forfeits. A single source of truth means QA discipline — we have to lock the opsz/SOFT axes per role, or every screen drifts. A spec sheet, not a vibe.

Considered

  • Source Serif 4 — gorgeous, but reads software-foundation; lacks the hand.
  • Recoleta — warm but dessert-shop; over-friendly.
  • Newsreader — charming, slightly twee at scale.

Rejected

  • DM Serif Display — pretty, but every fintech uses it.
  • Crimson Pro — too book, not enough product.
  • Bricolage Grotesque — wrong category.
Text · UI
Instrument Sans · Google Fonts · OFL

Instrument Sans at 17px / 1.55 carries the running text. It's slightly taller than Inter, a touch warmer in the bowls, and its italic has actual conviction — useful when copy needs to lean forward, which Kindling's voice does often.

Why this face for this direction. Rodrigo Fuenzalida's Instrument Sans is a young face that already feels lived-in. Its proportions are slightly tall, which gives running paragraphs visual energy without busy-ness. Crucially, its italic is a true italic — structurally cursive, not just slanted — which means our voice (which leans hard on emphasis: more themselves, not more managed) survives translation to UI without going stiff.

Pairing argument. Fraunces brings warmth at scale; Instrument brings warmth at running-text size. The two faces share a humanist DNA — humanist axes, not geometric — so the page never feels like a serif glued onto a Helvetica. Risk: Instrument is a young foundry; we should keep IBM Plex Sans staged as a backup if the family is ever pulled.

Considered

  • Inter — safe, ubiquitous, ultimately too neutral.
  • IBM Plex Sans — honest, but reads as a tech-co system.
  • Söhne (Klim) — licensed, expensive, brand-cliché.

Rejected

  • Nunito / Quicksand — too rounded; child-app cliché.
  • Geist — reads as a developer brand.
  • Roboto — the EdTech default we are not.
Mono · Data
JetBrains Mono · Google Fonts · OFL

// floor :: ai · patient · 24/7

// ceiling :: mentor · expert · peer

2026-05-04T09:14  asha · proof, attempt 4 · break-through

Why this face here. Same as Foundry: precision when the surface is doing emotional work. Used sparingly — for timestamps, for system status, for the small printed labels on the side of a card. Pairing risk: three faces is a lot. Mitigation: only six combos in production (see ladder).

Display/XL
Fraunces · 300 · opsz 144 · 96/0.95/-0.025
More themselves.
Display/M
Fraunces · 500 · opsz 36 · 40/1.05/-0.015
Floor & ceiling.
H3
Instrument · 600 · 22/1.3/-0.005
A patient interlocutor.
Body
Instrument · 400 · 17/1.55
Hours where they thought a thing they did not know they could think.
Caption
Fraunces italic · 400 · 14/1.45
— a mentor's note, after Tuesday cohort
Mono
JetBrains · 400 · 12/1.55 · 0.04em
2026-05-04T09:14   asha · break-through
§ 04 · Logo studies

A circle, half cool,
half warm.

The mark is a single disc divided horizontally: teal below, ember above. The line between them is the load-bearing line. The wordmark sits in Fraunces, and the disc is the period at the end of "embers." Not a flame. Not a spark. A horizon, vertical.

embers
Primary · wordmark + disc
Monogram · floor/ceiling disc
Favicon · 16/32px
embers
Knockout · on deep teal
embers
Reversed · on ember
embers
Mono · single-color reproduction
§ 05 · Iconography

Soft 1.5px stroke.
Round caps. One
filled accent.

Round line caps. 1.5px stroke. Generous interior space. Each icon admits one filled element — usually an ember-colored dot — that signals the human-warm point in an otherwise teal frame. Friendly without being cute; never cartoonish.

ai guide
cohort mentor
subject expert
peer
spark
timeline
notebook
constellation
observation
mastery
progress
village
§ 06 · Illustration language

Soft geometry.
Cool ground.
One warm act.

Illustration in Kindling is built from large soft shapes — circles, organic curves, broad fields of teal — with one warm element doing the work. The ember is always small and never glowing as a literal flame. Growth is a curve threading through cool space; intelligence is a cool field with a warm seam; the village is a horizon broken by a single warm window.

Pathways — cool ground holding a single break-through point.

Ember as inner potential — concentric rings of attention, never a literal flame.

Prompt — System intelligence
Cool field with a warm seam

A wide horizontal field, two-thirds cool teal (#1A535C deep at edges, lightening to #4FB3BD toward center). A single warm seam — ember orange #D6541A — tracing across the lower third like a horizon at dusk. No glow, no haze. Soft geometric vector style, generous negative space, slight paper-grain texture. 16:9. Suitable for hero use. No text.

§ 07 · Photography & human imagery

Portraits, but
only at the
moment of a thought.

Where Foundry refused faces, Kindling permits them — but only at the second after the child or mentor has thought something. Eyes thinking, not posing. Light is warm window or warm lamp; never overhead fluorescent. We never show teeth. We never show the screen they are looking at.

Photo · Learner
A child mid-thought, three-quarter

A 10-year-old, three-quarter angle, looking down-and-left at something off-frame. Eyes focused, mouth closed but not pressed. Warm late-afternoon window light from camera-left, cool teal jumper. Soft ember rim-light from a lamp behind. Skin tones natural, no filter. 4:5 portrait. Caption: "the second after."

Photo · Mentor
A mentor, listening

A mentor in their thirties, three-quarter, listening to someone off-frame. Slight forward lean. Hands resting, not gesturing. Warm window light, teal-painted classroom wall behind, ember-colored sweater. Eyes engaged, not amused. 4:5. The image should make a parent want this person near their child.

Photo · Peer learning
Two kids, one is teaching

Two children, side-by-side at a desk. The one on the left is mid-explanation, hand drawing in air; the one on the right is watching, not nodding-along, actually watching. Warm interior light, teal and cream walls. We see the back of one head and the profile of the other. No screens. 16:9.

Photo · Artifact
A worn workbook on a kitchen table

A child's workbook, cream-colored cover, slight wear along the spine, sitting on a wooden kitchen table at end-of-day. Warm lamp light. A teal mug, half-empty, beside it. An ember-orange pencil resting on the page. No human visible. 4:5. The whole frame should smell like a Tuesday evening.

§ 08 · Layout & grid

Asymmetric.
One warm anchor.
Air around it.

Twelve columns, but Kindling rarely uses all of them. Compositions are asymmetric: a small warm element anchored against a large cool field of paper. The eye should land on one ember-colored thing per screen, then read outward. Whitespace is structural, not decorative.

1
2
3
4
5
6
7
8
9
10
11
12

Spacing scale — 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64

sp-14px
sp-28px
sp-312px
sp-416px
sp-524px
sp-632px
sp-748px
sp-864px

Worked example — hero composition

For a childand the people around them

Hours where they thought a thing they did not know they could think.

An education operating system built on a calm AI floor and a team of humans who cares about the ceiling.

§ 09 · Motion principles

Slow breath.
Warm rise.
Cool grounding.

Motion in Kindling is breath, not bounce. Easing is cubic-bezier(.16, 1, .3, 1) — emphasized deceleration, like a hand setting something down. Tempo is generous. Embers pulse on a 2.4s breath; nothing flashes. Cognitive load arrives gently or not at all.

01 / Breath2.4s · ease-in-out

Ember breath

The brand mark, the AI guide indicator, the ember anywhere — all breathe at the same tempo. A signature tempo unifies the system.

02 / Rise1.8s · ease-emph

Warm rise

New content rises 20px and fades in. Used for mentor notes, AI responses, anything that should feel offered rather than asserted.

Tuesday note
Asha defended a wrong answer well today.
03 / Hand-off3.0s · ease-emph

Floor → ceiling hand-off

An ember moving along a horizontal lane shows the moment AI hands a child to a human (or back). Used in onboarding, guide-to-mentor escalation.

04 / Temperature6s · ease-in-out

Temperature shift

Background temperature shifts slowly across teal-cream-ember on hero surfaces. The brand metaphor, expressed as ambient color over minutes, not seconds.

05 / Thread2.4s · ease-standard

Pathway thread

Pathways draw themselves from floor to ceiling — never appear all at once. Watching a thread reach is part of the brand promise.

§ 10 · Product translation

Cool surfaces,
warm moments.

In product, the ratio holds: most of the screen is cool teal or cream; the ember appears on the one thing that matters at this instant. Mastery is a teal-to-ember bar; mentor notes are warm cards rising into a cool feed; the AI guide identifies itself as cool, the human team as warm.

Asha · this week
Long division — first principles
With the AI guide. Four attempts. The fourth was sharper.
Mon · floor
Cohort, after lunch
Defended a wrong answer well. K. Adi flagged it for follow-up.
Tue · mentor
Voronoi essay, draft 3
Found her voice in paragraph two. Break-through logged.
Wed · ceiling
Mastery · arithmetic of variables

Holding.

Asha applies it. She is not yet comfortable explaining it.

FLOOR 62 / 100 CEILING
Mentor note · K. Adi

"She defended the wrong answer in a way that taught me something. Don't correct her too quickly next week."

COHORT 03 · TUE 14:02
AI guide · listening

The guide is here. It will wait. It does not have a feeling about how long you take.

FLOOR · NO PROMPT INSERTED
Expert — Dr. M. Aldrin
a

"Working from first principles is faster than the world tells you."

15 yrs · Cambridge · number theory

Family digest · Friday

Asha thought through three things this week she did not think through last week.

A short note from the team, in plain English, every Friday at 5pm.

§ 11 · Avoid + iterate

What this
direction isn't.

Kindling's failure mode is sentimentality and warm-cliché. The teal counterweight is the discipline. If a surface starts feeling like a yoga app, more teal. If it starts feeling like a hospital, more ember. Never both equally — the brand has a temperature.

Kindling is not

  • A children's app. The warmth is for children but the audience is also adults.
  • A wellness aesthetic. We are not selling calm; we are selling thinking.
  • A literal flame logo. The ember is small, the floor is wide.
  • A monoline-illustrated doodle world. We use real geometry and real type.
  • An EdTech with rainbow palettes. Two temperatures. That is the whole game.

For the next reviewer to try

  • Test the teal cooler — deeper, more graphite. Does the brand still feel warm enough? Is the burnt orange still a punctuation, or does it become the only voice?
  • Try Source Serif 4 instead of Fraunces for display. Lose some warmth, gain authority. Worth measuring on the parent-facing surfaces specifically.
Direction 03 · Atlas

atlas/

A calm advanced product system. Mono-forward, near-monochrome, data-grade clarity. The constellation/orchestration metaphor done without sci-fi: graphite greys, a single graphite-blue signal hue, one warm tertiary used like an LED — not like decoration. The brand of an instrument in a quiet room.

§ 01 · Direction thesis

// the system,
shown working.

Atlas treats Embers as orchestration: AI, mentor, expert, peer, family — five inputs, one child, observed and threaded. The brand surface is the graph. Type is mono. Color is restrained to graphite plus one signal blue. Warmth is implied by what the system does, not what it says. Atlas trusts the reader to read carefully.

// "voice in the wild"

"We don't optimise the child. We instrument the people around them, so the child has more room to think."

child = asha · 10y · cohort_03
floorai_guide :: patient · 24/7
teammentor + expert + peer + family
signalbreak-through @ 2026-05-04
§ 02 · Color system

// graphite + one signal.

Near-monochrome. Twelve steps of cool grey carry 95% of the surface. One signal blue (#3656C9, with a #5E7BE8 lifted variant) marks system attention. One warm tertiary (#C4612E) is reserved only for human-attributed data — mentor notes, expert quotes, family signals. Color carries information here, not mood.

// reference / neutral 0–950

0
50
100
200
300
400
500
600
700
800
900

// reference / signal + human

primary/700
#1F3A8A
primary/500 · signal
#3656C9
primary/400
#5E7BE8
primary/100
#DDE3FB
tertiary · human
#C4612E
success
#2E7D5B

// system / light + dark

// light
child.statebreak-through+0.4σ
// dark
child.statebreak-through+0.4σ

// system / functional

success
#2E7D5B
warning · human
#C4612E
error
#A8341E
info · signal
#3656C9

// temperature strip — present, but quieter

n/700n/500n/100tertiaryburnt

// the strip is here for parity with the other directions. Atlas does not put it on a hero.

§ 03 · Typography

// mono promoted
to display.

Display in Atlas is monospace — not as homage but as logic. The brand's surface is dashboards and observation tools; the same typeface that holds a timestamp at 12px holds a headline at 96px. The text-UI is Inter at running sizes, doing the unglamorous work. The mono is JetBrains Mono. Three voices, but the display and the data are the same voice at different volumes.

Display · Data
JetBrains Mono · Google Fonts · OFL

floor / ceiling.

// JetBrains Mono · 500 · ligatures off.

Why this face for this direction. JetBrains Mono is Phil Pirsch's typeface for code rendering, designed at 14–16px with a tall x-height, generous bowls, and asymmetric weight distribution that prevents the "picket fence" effect monos suffer at scale. We promote it to display because the brand IS the data: there is no editorial flourish above the dashboard. The mono lineage is honest about what Embers is — a system — and refuses the warm-startup-serif tic that tries to soften software.

What it forfeits. Mono at display scale demands generous tracking and short lines, or it reads cluttered. We lock max line-length to 18ch at display sizes. We turn ligatures off — "fi" and "→" are charming in code, distracting in a brand.

Considered

  • IBM Plex Mono — honest but reads as IBM Carbon Design system.
  • Berkeley Mono — gorgeous, but commercial-licensed.
  • Geist Mono — reads as a developer-tool brand specifically.

Rejected

  • Courier / Courier Prime — typewriter cosplay; we are not nostalgic.
  • Space Mono — too quirky, fights the calm posture.
  • Fira Code — ligatures dominate the brand impression.
Text · UI
Inter · Google Fonts · OFL

Inter at 16/1.6 holds running text. The default weight is 400; we never go above 500 in body. We use Inter precisely because it does not announce itself.

Why this face for this direction. Inter's neutrality, which made it wrong for Foundry's editorial centre and merely-correct for Kindling, is exactly right here: when the display is mono and the data is mono, body copy needs to recede. Inter's tall x-height keeps it readable at 13–15px which is where most product copy lives. We use Inter Display for the rare 24px+ moment.

Pairing argument. The risk of two grids (mono + sans) is rhythmic. We mitigate by aligning to an 8px baseline grid and tracking mono +0.04em while leaving Inter at default. Result: mono and sans share the same visual weight at the same point size, which is the point.

Considered

  • Söhne — licensed, expensive, brand-cliché.
  • Public Sans — honest but a touch flat at running sizes.
  • Geist — correct genre but reads as a Vercel artifact.

Rejected

  • Roboto — the EdTech default we are not.
  • Helvetica — licensed, wrong century.
  • SF Pro — not licensable outside Apple platforms.
Display/XL
JetBrains · 500 · 96/0.95/-0.04
atlas/
Display/M
JetBrains · 500 · 36/1.05/-0.03
// orchestration
H3
Inter · 600 · 20/1.3
Mastery signal
Body
Inter · 400 · 16/1.6
A patient interlocutor that never tires.
Caption
JetBrains · 400 · 12/1.55 · 0.04em
// 2026-05-04T09:14 · obs
Code
JetBrains · 400 · 13/1.5
child.state == "break-through"
§ 04 · Logo studies

// a path,
a node, a label.

The mark is a small graph: one base node, one elevated node, one connecting edge. The wordmark is set lowercase mono with a trailing slash — the path notation. It looks like a directory because the brand is a system the team navigates.

embers/
Primary · path notation
Mark · node + edge
Favicon · 16/32px
embers/
Knockout · on graphite
embers/
Reversed · on signal
embers/
Mono · single-color
§ 05 · Iconography

// 1.4px stroke,
square joins, 24px box.

Pictograms drawn on a 24-unit grid, 1.4px stroke, square caps and joins, no fill. The vocabulary borrows from UNIX manpages and instrumentation panels. Color is graphite on light, light on graphite. Signal blue is permitted on the active state only.

ai_guide
mentor
expert
peer
spark
timeline
notebook
graph
observation
mastery
progress
village
§ 06 · Illustration language

// graphs,
not pictures.

Atlas illustrates with the vocabulary of node-graphs, distributions, traces, and matrices. Growth is a sparkline; intelligence is a constellation; the ember is a single warm node in a graph of cool ones. No metaphor that cannot be drawn with five geometric primitives gets in.

// graph_01 · cohort_03
break-through
// distribution · mastery
asha · +0.4σ
Prompt — system intelligence
Graphite constellation

A wide horizontal field on light cool grey (#F7F8F9). 30 small graphite nodes connected by hairline edges, forming an irregular network. One single node, slightly larger, is warm burnt orange (#C4612E). No glow. No gradient. Geometric vector style, suitable for a system diagram. 16:9. Composition has generous negative space; nodes cluster denser toward center, sparser at edges. No text.

§ 07 · Photography & human imagery

// no people.
only artifacts.

Atlas does not photograph people. It photographs the materials of thinking: a whiteboard mid-derivation, a worn book on a desk, a workspace at the moment thinking happened in it. Light is cool natural daylight. Color is desaturated. The single permitted warm element is a small object — a pencil, a marker cap, a coffee cup — that signals a person was just here.

Photo · Learner artifact
Whiteboard, mid-derivation

A small whiteboard photographed straight-on, half-erased. A partial proof in cool black marker, with one section corrected in burnt-orange marker. Cool daylight, slight shadow at edges. No human visible. Crop is generous; we want the empty space. 4:3.

Photo · Mentor artifact
Annotated print-out

A single sheet of A4, printed sans-serif body text on it. Annotations in pencil and one burnt-orange highlighter. Sitting on a cool grey desk. Cool daylight. No human. 4:3, top-down.

Photo · Peer artifact
Two notebooks side-by-side

Top-down. Two simple grid notebooks open beside each other on a cool grey desk. Both contain partial work on the same problem; the structures differ. One pencil between them. No human. 16:9.

Photo · System artifact
Server-rack negative space

A clean photo of a server-room aisle — cool blue LEDs, dark metal, deep negative space. Suggests the AI floor without dramatising it. No people. 21:9.

§ 08 · Layout & grid

// 12-col,
32px gutter, 8px baseline.

A strict 12-column grid on a 32px tracking grid; vertical rhythm on an 8px baseline. The grid is visible. Hairline column rules are permitted on dashboard surfaces and disappear at the editorial scale. Composition is hero-anchored: a single dominant data element, supporting modules around it.

1
2
3
4
5
6
7
8
9
10
11
12

// spacing 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64

sp-14px
sp-28px
sp-312px
sp-416px
sp-524px
sp-632px
sp-748px
sp-864px

// worked example — dashboard hero

// child.state
break-through
+0.4σ over 7-day baseline
// floor active // mentor flagged
// trace · 7d
§ 09 · Motion principles

// trace, tick, reveal.

Motion in Atlas is the act of an instrument reporting. Things trace into existence (graphs draw their edges); statuses tick (LED-style); rows reveal in order (ledger-style). Tempo is precise: 160ms for status, 320ms for reveals, 2.4–2.8s for traces. Nothing bounces. Nothing ever bounces.

01 / Trace2.8s · ease-standard

Graph trace

Edges of a graph draw themselves; nodes pulse in sync. The graph reveals its own structure; the eye learns the topology.

02 / Step4s · steps

Cursor step

A pin walks the grid in discrete steps — a cursor visiting addresses. Used for guided onboarding and "watch the system work" moments.

03 / Tick1.4s · ease-in-out

Status tick

An LED-style breathing dot. Always-on means the system is listening; the breath is calm so it never reads alarm.

// floor :: active
04 / Reveal0.6s · stagger 350ms

Row reveal

Tabular content reveals top-down with a small offset. Reads as a system reporting findings, not a UI loading.

// 09:14 · obs · floor // 09:21 · obs · floor // 14:02 · obs · mentor // 16:30 · break-through
05 / Pan6s · linear

Grid pan

Background grid pans slowly behind hero content. The system is always running, even when the foreground is still.

§ 10 · Product translation

// the dashboard,
but humane.

In product, Atlas is a console. Mono labels, hairline rules, precise data — but every screen has at least one warm, human-attributed cell, in burnt-orange. The discipline: the system is exact, but the people in the system are visible.

// learner.timeline
2026-05-04T09:14obs · floor
2026-05-04T09:21obs · floor
2026-05-04T14:02obs · mentor
2026-05-04T16:30break-through
// mastery.signal

holding.

// asha · arithmetic_of_variables

floor62 / 100 · +0.4σceiling
// mentor.note

"She defended the wrong answer in a way that taught me something. Don't correct her too quickly next week."

// k.adi · cohort_03 · 2026-04-30T14:02

// ai_guide.state
// listening

No prompt inserted. The guide will wait for the next attempt before responding.

// expert.card

"Working from first principles is faster than the world tells you."

// dr_aldrin // number_theory // 15y
// console
$ embers query --learner asha
> floor: ai_guide.session(4)
> ceiling: mentor.note(K.Adi)
> signal: break-through @ 16:30
> next: peer.review(3)
§ 11 · Avoid + iterate

// what this isn't.

Atlas's failure mode is reading cold to a parent — the audience that does not log into a console. The discipline: every screen needs at least one human-attributed warm element, and the family-facing surfaces must use plain English bridges over the mono. The signal hue must never become decoration; it carries information.

Atlas is not

  • A sci-fi dashboard. No gradients, no glows, no neon, no holograms.
  • A developer-tool brand. The console is one surface, not the brand.
  • Cold to parents. Family-facing screens must translate the mono.
  • Decorated with the signal hue. Color carries data, never mood.
  • A code editor with a child theme.

For the next reviewer to try

  • Try replacing JetBrains Mono with Berkeley Mono at display sizes (commercial license). Does the brand gain authority worth the cost?
  • Test a parent-facing variant where Inter is promoted to display. Does Atlas survive the loss of its mono identity, or is the mono load-bearing?