Contact

Design

How taohq looks and moves. Two colours, three typefaces, dithered art, and a few rules we don't break.

01Colour
  • Ink#151515 · 60%Backgrounds and surfaces
  • Lavender#C4B5E3 · 30%Accent: buttons, labels, art, the footer
  • Paper#ECE8F3 · 10%Text
02Type

  • Crafted with care

    VT323Names and titles

  • Calm, durable, made with care.

    IBM Plex MonoBody, labels and interface

  • Journaling, but cool.

    Instrument Serif ItalicLavender accent lines

03Dither

Every image on the site is printed in two tones with an ordered 4×4 Bayer dither, one file pixel per cell. Art never just appears: it develops through these passes, coarse to fine.

  1. 01 · Pass 1
  2. 02 · Pass 2
  3. 03 · Pass 3
  4. A skeleton reading a book in a field of roses04 · Final
04Motion
  1. 01

    Segments, not blocks

    Every entrance is split into parts that move at their own pace: a label fades, a title rises, an action ticks in last.

  2. 02

    Fast hands

    Hovers and presses finish in under 300ms. Only entrances are allowed to take their time.

  3. 03

    Things develop

    Art never just appears. It resolves from coarse pixels to fine, like a print coming up.

  4. 04

    Respect stillness

    Anyone who asks their device for reduced motion gets the same site, without the movement.

05Buttons

Pixel corners over a dithered print. Hover lifts the face; pressing sinks it in.

PrimaryOutlineGhost
06Brand

Logo files, naming and usage rules live on their own page.

Brand assets