tt-bolder

Amplify typographic presence on TT Style surfaces by fully exploiting TikTokVF's variable font capabilities — weight extremes, all-caps discipline, and intentional width contrast.

Preparation

Tier check first: Read .tt-impeccable.md in project root or infer from codebase. If the surface is Strict TUX-native, stop — TikTokVF weight 800/900, all-caps, and width axis use are TT Style only. TUX-native typography is fixed at 400/600/700; do not modify it.

Font check: Confirm TikTokVF (variable font) is loaded in the project — check @font-face declarations and package.json. If only TikTok Sans static files are present, weight 800/900 may not render as intended. If TikTokVF is unavailable, use weight 700 Bold as the maximum and note the limitation.

Token and design reference: tt-impeccable/reference/tokens.md.

Assess Typography State

Identify what's holding the typography back:

1. Timid weights: Everything is 600–700. No element has 800 or 900 presence. The page reads as uniformly medium.
2. Uniform scale: Size differences between hierarchy levels are too small — 1.2–1.5x instead of 2–4x. Nothing commands the eye.
3. No hero moment: There is no single typographic element that anchors the viewport. The page is equally loud everywhere, which means it is quiet everywhere.