Skip to content

brand: align to ICP brand design v2.2#227

Merged
raymondk merged 1 commit intomainfrom
brand/align-to-icp-brand-v2
May 9, 2026
Merged

brand: align to ICP brand design v2.2#227
raymondk merged 1 commit intomainfrom
brand/align-to-icp-brand-v2

Conversation

@marc0olo
Copy link
Copy Markdown
Member

@marc0olo marc0olo commented May 9, 2026

Summary

  • Adds ICP brand design v2.2 and brand voice v2.2 skill files
  • Installs JetBrains Mono as the third typeface (technical readouts, code, markers)
  • Refreshes all color tokens to the v2.2 values: rust accent #a8482b, dark accent #c25a37, parchment #faf9f5, hairline #e7e3da
  • Adds the full missing token set: sunk parchment, CTA inverse, fg variants (body/secondary/muted), rule-strong, accent-strong, section stripes, indicators, focus, type scale, spacing, radii
  • Wires --icp-mono (JetBrains Mono) to all code/pre elements
  • Adds .icp-grid-paper-overlay to the hero (required brand texture per v2.2)
  • Updates hero h1 to brand display weight (380) and tracking (-0.015em)
  • Converts all CTA buttons to pill radius (9999px) with Inter UPPERCASE 11px/600/0.06em
  • Updates OG social preview image: rust accent #c25a37 + 24px grid paper pattern

Sync recommendation

hand-written

- Add brand design and voice skills (v2.2)
- Install JetBrains Mono (@fontsource/jetbrains-mono) as the third
  face in the three-font system (editorial, UI chrome, technical)
- Refresh all tokens in custom.css to match tokens.css v2.2:
  rust accent #a8482b (was #cc5a2b), dark accent #c25a37 (was #ff7a4d),
  parchment bg #faf9f5, hairline #e7e3da, elevated card #ffffff
- Add missing tokens: --icp-bg-sunk, --icp-bg-cta-inverse, --icp-bg-card,
  --icp-fg-body/secondary/muted, --icp-rule-strong, --icp-accent-strong,
  section stripes, indicators, focus, full type/spacing/radius scale
- Wire --icp-mono (JetBrains Mono) to code/pre elements
- Add .icp-grid-paper and .icp-grid-paper-overlay surface utilities
- Hero: add required grid paper overlay, use brand display weight (380)
  and tracking (-0.015em) on h1
- CTA buttons: pill radius (9999px), Inter UPPERCASE 11px/600/0.06em
- OG image: update accent to #c25a37, add 24px grid paper pattern
@marc0olo marc0olo requested a review from a team as a code owner May 9, 2026 01:23
@raymondk raymondk merged commit 281d903 into main May 9, 2026
7 checks passed
@raymondk raymondk deleted the brand/align-to-icp-brand-v2 branch May 9, 2026 11:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants