sheds-store-design-system
The sheds.store visual design system - brand colours, the fluid Oswald + Source Sans 3 type scale, buttons, header and footer, shed cards and tags, the auth frame, the dashboard (app-chrome) token set, city-page tokens, dark mode, and layout rules - with the Tailwind class or CSS variable for each. Use when styling any sheds.store page or component, choosing colours or type sizes, building a new widget that must look native to sheds.store, reviewing UI for consistency, or producing a design file, mockup or Claude Design system for sheds.store.
Pinned to revision 0c4cc9d9efd0, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/sheds-store-design-system/SKILL.md
- skills/sheds-store-design-system/DESIGN.md
- skills/sheds-store-design-system/assets/brand/apple-touch-icon.png
- skills/sheds-store-design-system/assets/brand/favicon-192.png
- skills/sheds-store-design-system/assets/brand/favicon-32.png
- skills/sheds-store-design-system/assets/brand/favicon.ico
- skills/sheds-store-design-system/assets/brand/logo-on-dark.svg
- skills/sheds-store-design-system/assets/brand/logo.svg
- skills/sheds-store-design-system/assets/brand/mark.svg
- skills/sheds-store-design-system/assets/screenshots/build-shed-loading.png
- skills/sheds-store-design-system/assets/screenshots/build-shed.png
- skills/sheds-store-design-system/assets/screenshots/city-page.png
- skills/sheds-store-design-system/assets/screenshots/home-desktop.png
- skills/sheds-store-design-system/assets/screenshots/home-phone.png
- skills/sheds-store-design-system/assets/screenshots/sell-a-shed.png
- skills/sheds-store-design-system/assets/screenshots/sheds-listing.png
- skills/sheds-store-design-system/assets/screenshots/signin.png
- skills/sheds-store-design-system/references/tokens.json
Every link opens the file at its source, pinned to the revision this page describes.