SSM Design System

Living component library and brand assets for Sai Sudha Medicals. Update this page as new components and variants are added.

Brand Assets

Monogram

SSM Monogram

Wordmark

SSM Wordmark

Place additional lockups or icon variants in /public/brand/ and reference them here.

Design Tokens

Primary
--primary
Accent
--accent
Text
--text

Buttons

Source: src/components/Button.astro — variants: primary | secondary | ghost, sizes: sm | md | lg

Product Cards

SSM Pro Whey 24g Protein Best Seller
Protein Supplements

SSM Pro Whey 24g Protein

Premium whey with 24g protein per scoop.

₹1999 ₹2499 ★ 4.7
SSM Pro Whey 24g Protein Best Seller
Protein Supplements

SSM Pro Whey 24g Protein

Premium whey with 24g protein per scoop.

₹1999 ₹2499 ★ 4.7
SSM Pro Whey 24g Protein
Protein Supplements

SSM Pro Whey 24g Protein

Premium whey with 24g protein per scoop.

₹1999 ₹2499 ★ 4.7

Source: src/components/ProductCard.astro — variants: default | compact | featured. Add to cart is demo only on this page.

How to extend

  1. Create or update a component in src/components/
  2. Add a live example section in this /ds page (copy pattern above)
  3. Document variants, props, and usage
  4. Update any shared tokens in src/styles/global.css