---
name: "Gigantic"
mode: "light"
---
# Gigantic
## Visual theme and atmosphere
Graphic, irreverent, candy-bright, and poster-like.
A punk-rock candy wrapper with bold display type and saturated contrast.
## Color palette and roles
- **Wrapper Cream (#F1E5CE)**: Primary canvas.
- **Cocoa (#2A1510)**: Display text and outlines.
- **Candy Pink (#F14688)**: Primary accent.
- **Citrus (#F7A52D)**: Secondary accent.
## Typography rules
- **Display**: Arial Black, 800, 72px. Poster-scale statements.
- **Body**: Arial, 500, 17px. Plainspoken copy.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 18px.
- Section padding: 80px.
- Card corners: 0px.
- Control corners: 0px.
- Pills: 999px.
## Motion
Use expressive motion. Fast feedback lasts 120ms; composed transitions last 480ms; easing is cubic-bezier(0.2, 0.9, 0.2, 1).
## Guardrails
- Keep edges sharp.
- Let type carry the composition.
- Use candy colors in large, deliberate blocks.
---
name: "Gigantic"
mode: "light"
---
# Gigantic
## Visual theme and atmosphere
Graphic, irreverent, candy-bright, and poster-like.
A punk-rock candy wrapper with bold display type and saturated contrast.
## Color palette and roles
- **Wrapper Cream (#F1E5CE)**: Primary canvas.
- **Cocoa (#2A1510)**: Display text and outlines.
- **Candy Pink (#F14688)**: Primary accent.
- **Citrus (#F7A52D)**: Secondary accent.
## Typography rules
- **Display**: Arial Black, 800, 72px. Poster-scale statements.
- **Body**: Arial, 500, 17px. Plainspoken copy.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 18px.
- Section padding: 80px.
- Card corners: 0px.
- Control corners: 0px.
- Pills: 999px.
## Motion
Use expressive motion. Fast feedback lasts 120ms; composed transitions last 480ms; easing is cubic-bezier(0.2, 0.9, 0.2, 1).
## Guardrails
- Keep edges sharp.
- Let type carry the composition.
- Use candy colors in large, deliberate blocks.
---
name: "Gigantic"
mode: "light"
---
# Gigantic
## Visual theme and atmosphere
Graphic, irreverent, candy-bright, and poster-like.
A punk-rock candy wrapper with bold display type and saturated contrast.
## Color palette and roles
- **Wrapper Cream (#F1E5CE)**: Primary canvas.
- **Cocoa (#2A1510)**: Display text and outlines.
- **Candy Pink (#F14688)**: Primary accent.
- **Citrus (#F7A52D)**: Secondary accent.
## Typography rules
- **Display**: Arial Black, 800, 72px. Poster-scale statements.
- **Body**: Arial, 500, 17px. Plainspoken copy.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 18px.
- Section padding: 80px.
- Card corners: 0px.
- Control corners: 0px.
- Pills: 999px.
## Motion
Use expressive motion. Fast feedback lasts 120ms; composed transitions last 480ms; easing is cubic-bezier(0.2, 0.9, 0.2, 1).
## Guardrails
- Keep edges sharp.
- Let type carry the composition.
- Use candy colors in large, deliberate blocks.
---
name: "Gigantic"
mode: "light"
---
# Gigantic
## Visual theme and atmosphere
Graphic, irreverent, candy-bright, and poster-like.
A punk-rock candy wrapper with bold display type and saturated contrast.
## Color palette and roles
- **Wrapper Cream (#F1E5CE)**: Primary canvas.
- **Cocoa (#2A1510)**: Display text and outlines.
- **Candy Pink (#F14688)**: Primary accent.
- **Citrus (#F7A52D)**: Secondary accent.
## Typography rules
- **Display**: Arial Black, 800, 72px. Poster-scale statements.
- **Body**: Arial, 500, 17px. Plainspoken copy.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 18px.
- Section padding: 80px.
- Card corners: 0px.
- Control corners: 0px.
- Pills: 999px.
## Motion
Use expressive motion. Fast feedback lasts 120ms; composed transitions last 480ms; easing is cubic-bezier(0.2, 0.9, 0.2, 1).
## Guardrails
- Keep edges sharp.
- Let type carry the composition.
- Use candy colors in large, deliberate blocks.
---
name: "Gigantic"
mode: "light"
---
# Gigantic
## Visual theme and atmosphere
Graphic, irreverent, candy-bright, and poster-like.
A punk-rock candy wrapper with bold display type and saturated contrast.
## Color palette and roles
- **Wrapper Cream (#F1E5CE)**: Primary canvas.
- **Cocoa (#2A1510)**: Display text and outlines.
- **Candy Pink (#F14688)**: Primary accent.
- **Citrus (#F7A52D)**: Secondary accent.
## Typography rules
- **Display**: Arial Black, 800, 72px. Poster-scale statements.
- **Body**: Arial, 500, 17px. Plainspoken copy.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 18px.
- Section padding: 80px.
- Card corners: 0px.
- Control corners: 0px.
- Pills: 999px.
## Motion
Use expressive motion. Fast feedback lasts 120ms; composed transitions last 480ms; easing is cubic-bezier(0.2, 0.9, 0.2, 1).
## Guardrails
- Keep edges sharp.
- Let type carry the composition.
- Use candy colors in large, deliberate blocks.
