Brand kit
Kernel.
One mark, one colour, one typeface. A summary that ends on a seed: the kernel of a book. Source: BRAND.md and tokens.css.
The mark
Three lines of a page, the last one short, ending on a seed. The seed is the same outline as the full stop in Kernel Sans.
App icon
64
29
Mark alone
Colour
Kernel gold is for actions, links and the icon, one gold control per screen. Everything else is the system's black, white and greys.
Gold, light#a56200 · 4.9:1 on white
Gold, dark#f5b83d · on black
Icon#f5b83d to #c97a00
Text#1d1d1f · #f5f5f7 dark
Surface#f5f5f7 · #1c1c1e dark
Kernel Sans
Our own face: proportional, between San Francisco and Helvetica, built from Geist (open font licence). Every sentence ends on the seed.
a.
34 boldRemember every book.
22 semiboldChapter 1: Know the ground
17 regularSun Tzu opens with a plain claim. War is serious, so you plan before you move.
15 regular14 chapters · 1234567890
13 mediumBOOK SUMMARIES, CHAPTER BY CHAPTER
Controls
48 point capsules, one height in a row. Focus is a 4 point ring at 30 percent gold.
Space and shape
The 8 point grid (4, 8, 12, 16, 24, 32, 48), a 20 point side margin, a 680 point reading column. Radii: cards 28, lists 20, controls fully round.