Build Log · June 28, 2026

Known Book Portrait & Font System

Portraits became a flippable book. The whole app got a handwritten voice.

  • Known
  • UI
  • Typography
  • Animation
color themes
5

color themes

new components
3

new components

font families
2

font families

files shipped
13

files shipped

Timeline

  1. Start

    Font system design

    Caveat + Kalam sitewide — headings bold, body notebook feel

  2. 30m

    Book portrait built

    BookPortrait with two-phase 3D flip, buildBookPages server-safe

  3. 1hr

    Animation direction fixed

    transformOrigin corrected for real right-to-left page turn

  4. 1.5hr

    Polish + deploy

    Removed SON label, ruled lines, pushed live

What shipped

  • Sitewide font system: Caveat (headings, bold, large) + Kalam (body, notebook cursive)

  • BookPortrait component: 3D two-phase page flip — outgoing rotates away, incoming arrives from behind

  • Right-to-left flip direction matches real book page-turn physics

  • 5 color themes with PortraitSettings inline customizer

  • Hero image URL paste with live preview

  • TodayNoteQuickAdd: inline handoff note entry on portrait page

  • KnownCard persistence: debounced PATCH, cardOverrides jsonb column

  • CaptureSession: progressive save per answer, contributor picker, handoff note flow

  • Portrait page split: memories in book, care notes in recent section

  • buildBookPages extracted to lib/ — no use client, safe for server components

  • Schema additions: cardOverrides, heroImageUrl, colorTheme, entryType

  • Removed confusing 'SON' relationship label from home card

  • Removed ruled lines from book pages — clean paper with margin lines only

“the animation doesn't look like you are opening it like a book right to left”
— Zeb — pointing at the exact variable (transformOrigin) without knowing the term
Known Book Portrait & Font System — June 28, 2026 · ForgeKit