Skip to content
Octane Design
Library
Librarydark
brand referencedark

Impossible Foods

Impossible Foods website preview
Export
---
name: "Impossible Foods"
mode: "dark"
---

# Impossible Foods

## Visual theme and atmosphere
Confrontational, graphic, high-contrast, and editorial.

A blood-red punk poster system with stark editorial typography.

## Color palette and roles
- **Poster Red (#EB3323)**: Dominant action and campaign field.
- **Ink (#131313)**: Text and deep canvas.
- **Paper (#F5F0E8)**: Counter-surface and text.

## Typography rules
- **Display**: Arial Narrow, 800, 80px. Campaign headlines.
- **Body**: Arial, 500, 16px. Direct product copy.

## Spacing and shape
- Base unit: 8px.
- Default gap: 12px.
- Card padding: 16px.
- Section padding: 72px.
- Card corners: 0px.
- Control corners: 2px.
- Pills: 999px.

## Motion
Use restrained motion. Fast feedback lasts 120ms; composed transitions last 300ms; easing is ease-out.

## Guardrails
- Use red as a field, not decoration.
- Keep type oversized and direct.
- Avoid soft shadows and ornamental radii.
---
name: "Impossible Foods"
mode: "dark"
---

# Impossible Foods

## Visual theme and atmosphere
Confrontational, graphic, high-contrast, and editorial.

A blood-red punk poster system with stark editorial typography.

## Color palette and roles
- **Poster Red (#EB3323)**: Dominant action and campaign field.
- **Ink (#131313)**: Text and deep canvas.
- **Paper (#F5F0E8)**: Counter-surface and text.

## Typography rules
- **Display**: Arial Narrow, 800, 80px. Campaign headlines.
- **Body**: Arial, 500, 16px. Direct product copy.

## Spacing and shape
- Base unit: 8px.
- Default gap: 12px.
- Card padding: 16px.
- Section padding: 72px.
- Card corners: 0px.
- Control corners: 2px.
- Pills: 999px.

## Motion
Use restrained motion. Fast feedback lasts 120ms; composed transitions last 300ms; easing is ease-out.

## Guardrails
- Use red as a field, not decoration.
- Keep type oversized and direct.
- Avoid soft shadows and ornamental radii.
---
name: "Impossible Foods"
mode: "dark"
---

# Impossible Foods

## Visual theme and atmosphere
Confrontational, graphic, high-contrast, and editorial.

A blood-red punk poster system with stark editorial typography.

## Color palette and roles
- **Poster Red (#EB3323)**: Dominant action and campaign field.
- **Ink (#131313)**: Text and deep canvas.
- **Paper (#F5F0E8)**: Counter-surface and text.

## Typography rules
- **Display**: Arial Narrow, 800, 80px. Campaign headlines.
- **Body**: Arial, 500, 16px. Direct product copy.

## Spacing and shape
- Base unit: 8px.
- Default gap: 12px.
- Card padding: 16px.
- Section padding: 72px.
- Card corners: 0px.
- Control corners: 2px.
- Pills: 999px.

## Motion
Use restrained motion. Fast feedback lasts 120ms; composed transitions last 300ms; easing is ease-out.

## Guardrails
- Use red as a field, not decoration.
- Keep type oversized and direct.
- Avoid soft shadows and ornamental radii.
---
name: "Impossible Foods"
mode: "dark"
---

# Impossible Foods

## Visual theme and atmosphere
Confrontational, graphic, high-contrast, and editorial.

A blood-red punk poster system with stark editorial typography.

## Color palette and roles
- **Poster Red (#EB3323)**: Dominant action and campaign field.
- **Ink (#131313)**: Text and deep canvas.
- **Paper (#F5F0E8)**: Counter-surface and text.

## Typography rules
- **Display**: Arial Narrow, 800, 80px. Campaign headlines.
- **Body**: Arial, 500, 16px. Direct product copy.

## Spacing and shape
- Base unit: 8px.
- Default gap: 12px.
- Card padding: 16px.
- Section padding: 72px.
- Card corners: 0px.
- Control corners: 2px.
- Pills: 999px.

## Motion
Use restrained motion. Fast feedback lasts 120ms; composed transitions last 300ms; easing is ease-out.

## Guardrails
- Use red as a field, not decoration.
- Keep type oversized and direct.
- Avoid soft shadows and ornamental radii.
---
name: "Impossible Foods"
mode: "dark"
---

# Impossible Foods

## Visual theme and atmosphere
Confrontational, graphic, high-contrast, and editorial.

A blood-red punk poster system with stark editorial typography.

## Color palette and roles
- **Poster Red (#EB3323)**: Dominant action and campaign field.
- **Ink (#131313)**: Text and deep canvas.
- **Paper (#F5F0E8)**: Counter-surface and text.

## Typography rules
- **Display**: Arial Narrow, 800, 80px. Campaign headlines.
- **Body**: Arial, 500, 16px. Direct product copy.

## Spacing and shape
- Base unit: 8px.
- Default gap: 12px.
- Card padding: 16px.
- Section padding: 72px.
- Card corners: 0px.
- Control corners: 2px.
- Pills: 999px.

## Motion
Use restrained motion. Fast feedback lasts 120ms; composed transitions last 300ms; easing is ease-out.

## Guardrails
- Use red as a field, not decoration.
- Keep type oversized and direct.
- Avoid soft shadows and ornamental radii.

Overview

A blood-red punk poster system with stark editorial typography.

Confrontational, graphic, high-contrast, and editorial.

Color palette

3 semantic roles

Poster Red

#EB3323

Ink

#131313

Paper

#F5F0E8

Specification

Type scale · Fonts · Spacing & Shape · Guidelines

  1. Display80px · 800 · —

    The quick brown fox jumps

  2. Body16px · 500 · —

    The quick brown fox jumps

Display

Arial Narrow

Weight
800
Sizes
80px
Line height
—
Letter spacing
—
Fallback
system-ui

Campaign headlines

Body

Arial

Weight
500
Sizes
16px
Line height
—
Letter spacing
—
Fallback
system-ui

Direct product copy

Spacing

Base unit
8px
Element gap
12px
Card padding
16px
Section gap
72px

Border Radius

cards
0px
controls
2px
pills
999px
  • Use red as a field, not decoration.
  • Keep type oversized and direct.
  • Avoid soft shadows and ornamental radii.

Templates

4 page patterns

Hero / Landing5 patterns

Full marketing landing page with sticky nav, centered hero, stats bar, feature cards, CTA banner, and footer. Fully responsive.

navigationherostats barfeature gridcta banner

Related systems

GRAZA olive oil website preview

GRAZA

A sunlit Mediterranean deli counter with playful product-first typography.

light
Claude AI interface with warm parchment tones

Claude

Warm parchment printed artifact — ink on bone paper, clay as the only chromatic breath.

light
Anthropic website with ivory paper and clay accent

Anthropic

Scientific field journal on warm parchment — ivory surfaces, editorial serif, single clay accent.

light