the source of truth for bicycle's visual language. the deck tells the story; everything below is for building with it.
use it
<link rel="stylesheet" href="https://brand.bicycle.computer/site.css">
site.css pulls in rnbw.css and design/styles.css. link design/styles.css alone if you only want the look: the typefaces, the colours, the scale.
type
garamond — titles, display, anything that speaks
under — body, labels, anything that informs
two faces. --title and --font. weight and size do the rest.
colour
where things live
| index.brand | every word: the name, the six answers, the story, the idea, the dials, and why each chapter is what it is |
| design/styles.css | the look — typefaces, colour, type scale, the deck. bicycle.css is its old address and points at it |
| site.css | the one link. rnbw.css + design/styles.css |
| design/logo.svg | the mark. design/mark holds its other forms and the favicons |
| design/type | the typefaces |
| design/kind | a drawing per kind of file bike opens |
| design/art | illustration and ornament |
| design/photo | rooms and product |
| design/print | posters, tickets, the box |
| design/social | a note as a post, a story and an x: the templates and frames.py |
| deck | the deck, a slide a file, named for what it is after its number |