---
name: "GRAZA"
mode: "light"
---
# GRAZA
## Visual theme and atmosphere
Sunny, energetic, domestic, and confidently colorful.
A sunlit Mediterranean deli counter with playful product-first typography.
## Color palette and roles
- **Olive (#2F4A2F)**: Brand foundation.
- **Bottle Yellow (#F4C944)**: Primary product accent.
- **Tomato (#E85832)**: Secondary accent.
- **Counter Cream (#F4EEDC)**: Primary canvas.
## Typography rules
- **Display**: Cooper Black, 700, 64px. Friendly product headlines.
- **Body**: Arial, 500, 16px. Product and recipe copy.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 20px.
- Section padding: 88px.
- Card corners: 14px.
- Control corners: 10px.
- Pills: 999px.
## Motion
Use expressive motion. Fast feedback lasts 150ms; composed transitions last 450ms; easing is cubic-bezier(0.16, 1, 0.3, 1).
## Guardrails
- Keep product color prominent.
- Pair playful type with disciplined spacing.
- Use rounded geometry consistently.
---
name: "GRAZA"
mode: "light"
---
# GRAZA
## Visual theme and atmosphere
Sunny, energetic, domestic, and confidently colorful.
A sunlit Mediterranean deli counter with playful product-first typography.
## Color palette and roles
- **Olive (#2F4A2F)**: Brand foundation.
- **Bottle Yellow (#F4C944)**: Primary product accent.
- **Tomato (#E85832)**: Secondary accent.
- **Counter Cream (#F4EEDC)**: Primary canvas.
## Typography rules
- **Display**: Cooper Black, 700, 64px. Friendly product headlines.
- **Body**: Arial, 500, 16px. Product and recipe copy.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 20px.
- Section padding: 88px.
- Card corners: 14px.
- Control corners: 10px.
- Pills: 999px.
## Motion
Use expressive motion. Fast feedback lasts 150ms; composed transitions last 450ms; easing is cubic-bezier(0.16, 1, 0.3, 1).
## Guardrails
- Keep product color prominent.
- Pair playful type with disciplined spacing.
- Use rounded geometry consistently.
---
name: "GRAZA"
mode: "light"
---
# GRAZA
## Visual theme and atmosphere
Sunny, energetic, domestic, and confidently colorful.
A sunlit Mediterranean deli counter with playful product-first typography.
## Color palette and roles
- **Olive (#2F4A2F)**: Brand foundation.
- **Bottle Yellow (#F4C944)**: Primary product accent.
- **Tomato (#E85832)**: Secondary accent.
- **Counter Cream (#F4EEDC)**: Primary canvas.
## Typography rules
- **Display**: Cooper Black, 700, 64px. Friendly product headlines.
- **Body**: Arial, 500, 16px. Product and recipe copy.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 20px.
- Section padding: 88px.
- Card corners: 14px.
- Control corners: 10px.
- Pills: 999px.
## Motion
Use expressive motion. Fast feedback lasts 150ms; composed transitions last 450ms; easing is cubic-bezier(0.16, 1, 0.3, 1).
## Guardrails
- Keep product color prominent.
- Pair playful type with disciplined spacing.
- Use rounded geometry consistently.
---
name: "GRAZA"
mode: "light"
---
# GRAZA
## Visual theme and atmosphere
Sunny, energetic, domestic, and confidently colorful.
A sunlit Mediterranean deli counter with playful product-first typography.
## Color palette and roles
- **Olive (#2F4A2F)**: Brand foundation.
- **Bottle Yellow (#F4C944)**: Primary product accent.
- **Tomato (#E85832)**: Secondary accent.
- **Counter Cream (#F4EEDC)**: Primary canvas.
## Typography rules
- **Display**: Cooper Black, 700, 64px. Friendly product headlines.
- **Body**: Arial, 500, 16px. Product and recipe copy.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 20px.
- Section padding: 88px.
- Card corners: 14px.
- Control corners: 10px.
- Pills: 999px.
## Motion
Use expressive motion. Fast feedback lasts 150ms; composed transitions last 450ms; easing is cubic-bezier(0.16, 1, 0.3, 1).
## Guardrails
- Keep product color prominent.
- Pair playful type with disciplined spacing.
- Use rounded geometry consistently.
---
name: "GRAZA"
mode: "light"
---
# GRAZA
## Visual theme and atmosphere
Sunny, energetic, domestic, and confidently colorful.
A sunlit Mediterranean deli counter with playful product-first typography.
## Color palette and roles
- **Olive (#2F4A2F)**: Brand foundation.
- **Bottle Yellow (#F4C944)**: Primary product accent.
- **Tomato (#E85832)**: Secondary accent.
- **Counter Cream (#F4EEDC)**: Primary canvas.
## Typography rules
- **Display**: Cooper Black, 700, 64px. Friendly product headlines.
- **Body**: Arial, 500, 16px. Product and recipe copy.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 20px.
- Section padding: 88px.
- Card corners: 14px.
- Control corners: 10px.
- Pills: 999px.
## Motion
Use expressive motion. Fast feedback lasts 150ms; composed transitions last 450ms; easing is cubic-bezier(0.16, 1, 0.3, 1).
## Guardrails
- Keep product color prominent.
- Pair playful type with disciplined spacing.
- Use rounded geometry consistently.
