← All entries

Waerrk · Brand & Design

Waerrk Brand Changelog v1.0

Slugbrand-v1-changelog
TierTier 01
Statelive
Confidence100%
UpdatedApr 20, 2026

Waerrk Brand Changelog

v1.0.0 · 2026-04-19

Initial committed state. Extracted from the design branch vision-board exploration.

Committed

  • Typography: Geist Sans (body), Newsreader (display serif), Geist Mono (meta).
  • Newsreader italic vs regular rule: italic for accent, regular for headline base.
  • Icons: Phosphor Thin, 1px stroke, 6 weights available.
  • Shape: Soft Standard. Radius 14 / 10 / 8 / pill. Quarter-circle corners.
  • Material · grain: diagonal 158° fade, light source top-left.
  • Material · light-edge: neutral-white inset top (dark mode), drop-shadow (light mode).
  • Material · card-gradient: subtle top-down brightness.
  • Motion tokens: --dur-fast 150ms / --dur-base 280ms / --dur-deliberate 400ms / --dur-slow 600ms.
  • Easing tokens: --ease-default, --ease-weighted, --ease-sharp.
  • Interactive-gate rule: hover animation fires only on genuinely interactive cards.
  • Focus states: 2px outline on --text-0, 2px offset, :focus-visible only.
  • Color: monochrome base, Muted Editorial secondary palette (7 values), semantic status aliases.
  • Voice: 6 principles, 7 language rules, microcopy bad/good patterns.
  • Status surface material: diagonal 158° color gradient, 6% top fading to 55%, colored border at 22% alpha, 14px radius.
  • Primary button: dark mode inverts to white-on-dark (Stripe/shadcn pattern).
  • Tier hierarchy: consistent direction across themes.

Bug fixes

  • Tier 3 light mode hierarchy now consistent with dark mode direction.
  • Form field default border-radius present globally.

Pending

  • Logo SVG (Poster WÆRRK text-placeholder until Dustin delivers).

Upcoming

v1.1 (when logo arrives)

  • Replace placeholder SVG with final logo.
  • Document clear-space and minimum-size rules.
  • Add mono / dark / light logo variants.

v1.2 (production tuning)

  • Fine-tune grain and gradient intensities against real product content.
  • Newsreader letter-spacing tuning for narrower feel at body size if needed.

v2.0 (DB-backed)

  • Migrate tokens to Waerrk Supabase brand_tokens table.
  • Build pipeline regenerates tokens.css and tokens.ts from DB.
  • Frontend continues consuming generated files. No runtime DB calls.