sulei.uk — the home page, explained

A page that shows its working

Left: the layout. Right: why each decision is the decision.

  1. 01
    Statement

    One sentence at clamp(124px). The page earns attention with scale, not with motion.

  2. 02
    Accent

    One accent moment per viewport: one clause in the statement, and nothing else coloured.

  3. 03
    Facts

    Three verifiable facts under a hairline. No metric appears anywhere it was not given.

  4. 04
    Doors

    The index is ruled rows with 4:3 specimens — a contents page, not a card grid.

  5. 05
    Status

    Status is a word plus a mark. Colour never travels alone, so it never carries meaning alone.

  6. 06
    Paper

    A 24px dot lattice at 10%. Texture, not decoration: it never sits under running text twice.