CLAUDE.md Snippets

Paste the relevant snippet into each sub-project's CLAUDE.md. Future Claude sessions will auto-follow the design system.

Colour palette — all 11 projects

Project Colour family Dark (#accent) Light (#accent-2) CSS class
AI Doctor Slate Blue #253055#405585 project-ai-doctor
BambosTips Rich Plum #4A1565#8A35B5 project-bambostips
Calisthenics Dusty Rose #7A2050#B83575 project-calisthenics
Culinary Deep Gold #7A5000#B88A0A project-culinary
Financial Advisor Royal Blue #1B3D96#3D68D8 project-financial-advisor
Retirement Planner Deep Emerald #0F5C3A#2A9C65 project-retirement
Spirituality Deep Sage #3A5030#6A8A50 project-spirituality
Travel Planner Deep Saffron #7A6200#B89A00 project-travel
Neo Chorio House Burnt Orange #7A3210#B85A30 project-neo-chorio
US Exit Deep Red #7C1C1C#B83535 project-us-exit
Command Centre Deep Teal #0D5060#1A8AA0 project-command-centre

How to deploy

  1. Open each sub-project in Cowork (they each have their own session).
  2. Open or create the CLAUDE.md file in that project's root folder.
  3. Paste the snippet below for that project at the top of the file (or append if a CLAUDE.md already exists).
  4. From then on, any new HTML page Claude generates in that session will automatically use the correct colours and layout.

The shared design-system.css lives at cowork-dashboard-public/design-system.css and is readable from all sessions via the shared Command Centre folder.

Snippets — copy one per sub-project