HungryTiger
A bold, warm-toned CPG brand site for Hungry Tiger Indian sauces built on a fire-roasted brown canvas (#823513) with oversized amber-gold display typography (Salmond). The system is loud and appetite-driven — enormous condensed headlines (\"BOLD FLAVOR\"), pill-shaped gold CTAs with dark-brown labels, dotted-rule dividers, and a product jar as the hero focal point. Voltage comes almost entirely from the gold-on-brown contrast and the massive Salmond display scale rather than from accent colors.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
display-xl
213.12px · 700 · 0.8
The quick brown fox jumps
display-lg
129.6px · 700 · 0.9
The quick brown fox jumps
display-md
64.8px · 700 · 0.9
The quick brown fox jumps
button
12.96px · 500 · 1.0
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 4px | |
| xs | 8px | |
| sm | 12px | |
| md | 16px | |
| lg | 20px | |
| xl | 28px | |
| xxl | 32px | |
| xxxl | 42px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| sm | 5px | |
| md | 6px | |
| pill | 1296px | |
| circle | 100% |
FAQ
- What colors does HungryTiger use?
- HungryTiger's core palette includes #faae33, #faae33, #f7ac32, #402011, #823513. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the HungryTiger DESIGN.md.
- What font does HungryTiger use?
- HungryTiger's primary typeface is Salmond. The complete type scale (sizes, weights, line-height and letter-spacing per role), with an open substitute where the original is licensed, is documented in the DESIGN.md.
- What is the HungryTiger design system?
- A bold, warm-toned CPG brand site for Hungry Tiger Indian sauces built on a fire-roasted brown canvas (#823513) with oversized amber-gold display typography (Salmond). The system is loud and appetite…