# Design References — Baco Beauty Hub

**Production domain:** https://bacobeautyhubcosmetics.com

## Sample storefronts (layout / UX cues)

| Site | Takeaways for Baco |
|------|--------------------|
| [buymebeauty.com](https://www.buymebeauty.com/) | Seasonal hero edits, shop-by-category grid, trust strip (secure checkout / reviews / free shipping), product cards with options, clean white catalog |
| [mairacosmetics.com](https://mairacosmetics.com/) | Compact product grid, sale badges, combo packs, “happy clients” social proof, soft beauty-commerce density |
| [peronabeauty.com](https://peronabeauty.com/) | Lagos/NGN commerce patterns, featured categories as image tiles, brand row, WhatsApp-friendly contact, wishlist affordances |

## Baco visual system (from logo + assets)

- Primary: `#FF007F` (hot pink)
- Secondary: `#000000`
- Accent gold: `#D4AF37`
- Surfaces: white / soft light backgrounds (avoid purple gradients)
- Hero: full-bleed product photography from CMS blocks
- Typography direction: expressive display + clean sans for UI (not Inter/Roboto defaults)

## Homepage section order (inspired by samples)

1. Announcement bar (CMS)
2. Header: logo + nav + search + account + cart
3. Full-bleed hero (CMS block `hero`)
4. Shop-by-category tiles
5. Featured / best sellers
6. Promo / AI scanner CTA
7. Trust strip
8. Footer + sticky WhatsApp