MAC Cosmetics
Shop our iconic best-sellers, trending launches and exclusive collections. Limited-time beauty deals await—don’t miss out.
Shop our iconic best-sellers, trending launches and exclusive collections. Limited-time beauty deals await—don’t miss out.
Color
Primary brand color: CTAs, links, active states.
Secondary brand color.
Accent: highlights and secondary emphasis.
Page and card background.
Body text on surface.
Typography
Shop our iconic best-sellers, trending launches and exclusive collections. Limited-time beauty deals await—don’t miss out.
- Weights:
- 400, 700
Auto-detected web font; provenance unconfirmed. Reference only — never rehost without a license.
Shop our iconic best-sellers, trending launches and exclusive collections. Limited-time beauty deals await—don’t miss out.
- Weights:
- 300, 400, 500, 600, 700
Gradient
Derived from the colour roles, interpolated perceptually. The same three tokens ship in brand.css and tokens.json.
linear-gradient(135deg in oklab, #000000 0%, #da1717 100%)
Worst-case contrast — white 5.10:1 AA · black 1.00:1
linear-gradient(135deg in oklab, #000000 0%, #9f645c 100%)
Worst-case contrast — white 4.72:1 AA · black 1.00:1 · ink #ffffff
linear-gradient(180deg in oklch shorter hue, #090909 0%, #010101 100%)
Worst-case contrast — white 19.91:1 AA · black 1.01:1 · ink #ffffff
Voice & Tone
Logo Inventory
Point any MCP client at this brand and every session grounds itself in the real system — colors, type, voice, usage rules. Read-only.
https://mcp.brandsweets.com/maccosmetics-com/mcp{
"mcpServers": {
"brandsweets-maccosmetics-com": {
"type": "http",
"url": "https://mcp.brandsweets.com/maccosmetics-com/mcp"
}
}
}claude mcp add --transport http brandsweets-maccosmetics-com https://mcp.brandsweets.com/maccosmetics-com/mcp