Skip to content
v0.1.1

Guidelines

Design principles

The six principles behind Stance: brand-true colour, accessibility by default, precision, editorial restraint, owning the stack and shared foundations.

  1. Brand-true

    Two colours, used with discipline. Ivory and indigo carry the Binds identity; hierarchy comes from tints, type and space, never from new accent colours.

  2. Accessible by default

    Contrast, focus, keyboard and screen-reader support are part of every component’s definition of done. AA is the floor, not the goal.

  3. Precise

    Every value comes from a scale. Spacing sits on a 4px grid, type on a 1.2 ratio, controls share heights. Precision reads as quality.

  4. Editorial restraint

    Generous whitespace, strong type, clean borders. No gradients, glows or ornament competing with content.

  5. Own the stack

    No runtime dependencies. Owning focus, positioning and data primitives keeps Stance fast, auditable and stable for years.

  6. Distinct products, shared foundations

    Stance standardises how things behave and look at the component level and leaves product layouts to product teams.