← LessonX

Front-end style options

★ Option X — the working choice (refining)

A × D v2 hybrid

Option A's bones — content, thick ink borders, hard offset shadows, Bricolage type — breathing D v2's air: white/blue gradient background instead of cream graph paper, glassy nav, and navy-blue tones replacing cobalt (introduced gradually).

X landing X exam mockup →

Option Y — the other hybrid

D v2 base + bold borders + Blackboard accents

Starts from D v2 (light gradient air, Apple system type, navy family), integrates A's bold border + hard-offset-shadow language in navy, carries A's content — and brings Option B in as dark blackboard sections (chalk yellow + mint, even bolder shadows): the skill ladder and the CTA go full blackboard; the exam timer is a chalk chip.

Y landing Y exam mockup →

The original candidates: A is fully implemented; B and C are directional tiles; D/Dv2/E below each have a landing + exam mockup.

A · recommended

Workbook Bold

Graph-paper cream, thick ink borders, hard offset shadows, marker highlights. Warm, confident, unmistakably school — nothing white-washed about it.

Start teaching →

Type: Bricolage Grotesque + Inter · base 18px

B

Blackboard Night

Deep slate boards, chalk-yellow accents, mint CTAs. Dramatic and focused — the lesson glows. Strong for evening screen time; heavier to keep readable.

Start teaching →

Type: Bricolage + Inter on dark · base 18px

C

Clean Cobalt

The safe modern-SaaS route: white, cobalt, soft shadows, pill buttons. Polished — but it's the closest to the "white-washed" look you disliked, kept here for contrast.

Start teaching →

Type: Inter everywhere · base 17px

New directions D & E

D · my own imagining

The Night Desk

A lamplit paper canvas on a starfield — handwriting writes itself, mastery is a constellation drawn from our real 73-skill graph. The feeling of being personally taught, the night before it matters.

Landing Exam mockup →

D v2 · light

The Morning Desk

The Night Desk at 7am: Apple-style system type, airy navy gradients, hairline borders, glassy nav — same self-writing ink and constellation (as a navy island).

Landing Exam mockup →

E · research-grounded frontier

Frontier

Built from a 40-source sweep of 2025–26: bento grid, aurora + film grain, liquid glass, scroll-driven CSS animations, kinetic variable type, magnetic CTAs — and deliberately none of the trends research flags for kids/parents. Receipts in the footer.

Landing Exam mockup →

Why A wins (my recommendation)

It solves your exact complaints — 18px base type, 2.5px ink borders, saturated accents on warm paper — while giving LessonX a memorable identity no competitor template can produce. B is a great dark mode for A later; C is what everyone else already looks like.