just you here

Design

The system this site is built from.

Palette

  • cotton #f6f1e5
  • ink #23201a
  • accent #b8420f
  • muted #6f6758
  • border #ddd4bf
  • card #efe8d6

Type

Structure is Atkinson Hyperlegible, by the Braille Institute.

Hamburgevons 0O 1lI 5S 8B

Words are Georgia.

The five boxing wizards jump quickly, 1234567890.

Asides are Georgia italic.

Rochester NY, March 2017, a note in the margin.

Code is monospace.

--lh: 1.75rem; skewY(-1.1deg); presence.js

Rhythm

Vertical rhythm is based on 1.75rem (28px). All vertical spacing is a multiple of this unit.

Components

  • The wire presence

    One bird per reader. Bird species are based on the reader's timezone. Birds react to cursor proximity.

  • Occupancy chip presence

    Who is here. Your own tabs count as you, never as strangers.

  • Wordmark identity

    Eleven squares wave on hover, staggered by sibling-index().

  • Camera Rochester

    Interactive camera with shutter animation. Press and hold.

  • Favicon chrome

    Dynamic favicon with color per tab. Dims when inactive, flashes on new visitor.