Skip to content

feat(repo): add data color tokens and brand page lockups - #101

Merged
monospaced merged 2 commits into
mainfrom
feat/data-colors-brand-lockups
Oct 1, 2026
Merged

monospaced merged 2 commits into
mainfrom
feat/data-colors-brand-lockups

Conversation

@monospaced

Copy link
Copy Markdown
Owner

Summary

  • Data color tokens — add a ten-slot color.data.00–09 semantic palette to the mnsp brand for categorical data visualisation, with values for the default and brand contexts in both light and dark themes. Rebuilt system/tokens dist artifacts and the config catalog included
  • Brand page lockups — combine the adaptive and animated photo treatments into one two-up .docs-photo-treatment grid. The adaptive image follows the photo treatment tile rungs (640 / 960 / 1280); the animated image keeps its own one-to-one cadence remapped to the tile width (480 / 640), so the 1920 adaptive SVG and the 960 / 1280 scan webp and still exports are no longer referenced
  • Add Iconography, Interface colors, Web and Mobile figures; retitle the typography and colour figures; split Supporting colors into Spectrum and Interface colors
  • Hoist the 80rem figure cap onto the figure stack, dropping the per-figure wrapper on the logo figure and the cap on the grid class
  • Note the now-unreferenced Cloudinary exports under Remove in docs/PLANNING.md

Changesets: @monospaced/set-system + @monospaced/set-tokens minor.

Test plan

  • pnpm run system:verify / tokens:verify — dist artifacts up to date
  • /brand/ animated and adaptive grid renders one column below 40em and two above, with the 480 scan cut per tile until 103em and the 640 cut above
  • Web and Mobile lockups reserve 3:2 and 4:3 boxes before load
  • Every figure caps at 80rem on wide viewports
  • Prettier, ESLint, Stylelint and tsc pass for apps/documentation

🤖 Generated with Claude Code

Add a ten-slot semantic color.data palette to the mnsp brand for data
visualisation, with light and dark values for the default and brand
contexts, and rebuild the system/tokens dist artifacts and catalog.

On the brand page, combine the adaptive and animated photo treatments
into one two-up grid following the photo treatment tile rungs, add
Iconography, Interface colors, Web and Mobile figure lockups, retitle
the typography and colour figures, and hoist the 80rem figure cap onto
the figure stack so no figure carries its own.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
@netlify

netlify Bot commented Oct 1, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for setds ready!

Name Link
🔨 Latest commit 3c03936
🔍 Latest deploy log https://app.netlify.com/projects/setds/deploys/6abee3b4327fff000868e314
😎 Deploy Preview https://deploy-preview-101--setds.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Add $description to color.data.00–09 in the mnsp light default theme,
in the style of the avatar palette slots, with the usage note on 00.
Rebuilt dist artifacts and catalog included.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
@monospaced
monospaced merged commit 351720b into main Oct 1, 2026
15 checks passed
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.

1 participant