Kettle & Fire

farmhouse animal badges on black cartons

Kettle & Fire packs bone broth in matte aseptic cartons, the core range in black (#1b1a19) with a stacked soft heavy serif wordmark knocked out of a bright animal silhouette, a red (#d8323f) bull head for beef and a golden (#f0b22e) rooster for chicken, so the animal names the broth before the words do. Under the badge a small serif flavour line sits over BONE BROTH in a condensed slab in the badge colour, with a protein line beneath; a thin claims band across the top flanks a small flame icon with 'Organic' or 'No preservatives'. Soups, vegetable and specialty broths leave black for full-colour or photographic cartons (mustard soup boxes with a rust name panel, a pale green vegetable carton, a prairie or deer-landscape photo) but keep the same wordmark, flame and slab name.

https://kettleandfire.com Explore the brand

Pantry & sauces
Dark pack
Heritage label
Bold typographic
Colour-coded range

Color Palette

Approximate colours interpreted from photography. These are screen references, not official brand colours or print specifications.

Pack body

Carton Black
#1b1a19
Ground of the core beef and chicken broth cartons and the tallow jar label

Label

Tallow Cream
#f2ead8
Wordmark knocked out of the animal badge and small secondary text on black

Ink

Broth Brown
#3a2a22
Wordmark and type on light cartons such as soup, vegetable and venison

Accent

Reduced Blue
#2e86c8
Reversed-out band naming 'Reduced sodium' above BONE BROTH
Kettle Rust
#b64c24
Rust-red vertical name panel holding the wordmark on soup cartons

Range coding

Bull Red
#d8323f
Bull-head silhouette and BONE BROTH name on beef broth and the tallow jar
Rooster Yolk
#f0b22e
Rooster-and-heart silhouette and BONE BROTH name on chicken broth
Soup Mustard
#e7bc3f
Full-colour carton ground of the chicken noodle and butternut squash soups
Garden Green
#8fc77f
Pale green carton of the low-sodium vegetable broth
Prairie Sky
#a9c6d6
Sky in the landscape photos on the bison and venison broth cartons

Typography

Suggested visual alternatives, not confirmed brand typefaces. Any scale below is an illustrative estimate.

The stacked wordmark is the biggest element, sitting inside or over the animal badge in the upper middle. BONE BROTH (or the soup name) is second in a condensed slab, with the flavour in small serif capitals above it and the protein line below. Claims flank the flame icon in a thin band at the very top, and net weight and certification marks sit at the base.

Type scale

Estimated cap size as a share of the panel · Front of the 16.9 oz broth carton, about 170 mm tall

wordmark
9% · Black · Display
Hearth
product-name
6% · ExtraBold · Headline
BONE BROTH
soup-name
5% · Bold · Headline
CHICKEN NOODLE
variant-band
2.4% · SemiBold · Label
REDUCED SODIUM
flavour-line
2.2% · Bold · Body
CLASSIC CHICKEN
top-claims
1.8% · SemiBold · Label
ORGANIC

Fonts

Display
Fraunces
Looks like
Recoleta Bold, Cooper Std Black
Type
Soft heavy old-style serif with rounded terminals
Weight
Bold, Black with the soft axis up
Case
Title case, stacked on two lines
Tracking
Tight, about -1%
Fallback
Cooper Black, Georgia Bold, serif
The wordmark only, stacked as two lines; cream on the coloured badge on black packs, dark brown on light packs.
Headline
Rokkitt
Looks like
Rockwell Condensed Bold, Stymie Condensed
Type
Condensed slab serif
Weight
Bold, ExtraBold
Case
Uppercase
Tracking
Normal to slightly wide
Fallback
Rockwell, Courier Bold, serif
'BONE BROTH', 'CHICKEN NOODLE', 'BEEF TALLOW' in the badge colour or reversed in white.
Body
Libre Baskerville
Looks like
Century Schoolbook, Clarendon Text
Type
Transitional text serif
Weight
Regular, Bold
Case
Uppercase for flavour, sentence case for copy
Tracking
Wide in capitals, about +5%
Fallback
Century Schoolbook, Georgia, serif
Flavour line above the name, protein per serving, sourcing line, net weight and back-panel copy.
Label
Oswald
Looks like
Trade Gothic Bold Condensed
Type
Condensed bold sans
Weight
SemiBold
Case
Uppercase
Tracking
Slightly wide, about +3%
Fallback
Arial Narrow Bold, sans-serif
Top-band callouts either side of the flame ('ORGANIC', 'NO PRESERVATIVES', '100% GRASS-FED') and the reduced-sodium band.

Structure & Proportions

Proportions

Purpose	Value	Preview
Black ground coverage	About 70% of the core carton front is black
Animal badge size	About 35% of front height, upper middle
Wordmark width	About 60% of carton front width, inside the badge
Product name width	About 80% of front width
Claims band	Top 8% of the front
Colours per core carton	Three: black, the animal colour, cream	—
Density	One dominant badge with a short stack beneath and little else	—

Shapes

Element	Value	Preview
Carton	Upright rectangular aseptic brick
Animal badge	Flat silhouette of a bull head or a rooster with heart
Flame icon	Small three-tongue flame centred in the top band
Variant band	Full-width coloured strip above the product name
Spout	Screw spout on the 32 oz carton

Finishes

Matte board
All cartons · matte
Uncoated paper label
Tallow jar · uncoated
Clear glass
Tallow jar body · transparent

Formats and materials


Formats	Aseptic carton, Tall carton with screw spout, Glass jar, Multipack
Materials	Paperboard carton, Glass, Metal lid
Closures	Plastic screw spout on 32 oz cartons, flat folded tops on 16.9 oz cartons, black metal lid on the tallow jar
Decoration	Animal silhouette badge, Flame icon, Food photography on soups, Landscape photography on specialty broths, Vertical name panel

Front Panel

Schematic reading order. The diagram’s zone heights do not represent measured artwork proportions.

Front panel is a centred vertical stack: claims band with flame icon at the top, animal badge and wordmark in the upper middle, flavour and product name below, protein and weight at the base.

Zone	Content
Top band	Two claims flanking a small flame icon
Upper middle	Coloured animal silhouette with the stacked wordmark inside
Lower middle	Flavour line, condensed-slab product name, protein line
Base	Net weight, certification marks

Range System

Core broths share a black carton and change the animal silhouette and its colour; soups and specialty broths switch to a full colour or photographic carton while keeping the wordmark, flame and slab name.

Beef = red bull head on black
Chicken = golden rooster and heart on black
Reduced sodium = same badge + blue band above BONE BROTH
Venison = sky-and-meadow photo with a white deer silhouette
Chicken noodle soup = mustard carton + rust name panel + bowl photo
Vegetable = pale green carton with low-sodium band
Beef tallow = black label on a glass jar with the red bull

Back of Pack & Shelf

Side and back panels keep the front colour: a nutrition facts panel in black and white on one side, a short sourcing story in serif text, then ingredients, storage after opening, certification marks, barcode and recycling note.

US nutrition facts panel on a white box at the side
Short story about simmering bones for hours, in the serif body face
Ingredient list (bones, water, vegetables, herbs, salt)
Organic, gluten-free and keto marks at the base
Refrigerate-after-opening note, barcode and carton recycling mark

On shelf

A block of black cartons reads as a dark row punctuated by bright red and yellow animal heads, so beef and chicken are told apart from across the aisle by colour and silhouette alone.

Imagery

Flat single-colour animal silhouettes as the brand device; specialty packs add warm food photography (a bowl of soup, squash, herbs) or an open landscape with a white animal silhouette over it.

Guidelines

Do

Use a matte black (#1b1a19) carton for the core range and let one bright silhouette colour carry each flavour.
Knock the stacked soft heavy serif wordmark out of the animal silhouette in Tallow Cream (#f2ead8).
Set BONE BROTH or the soup name in a condensed slab at about 6% of carton height, in the badge colour.
Run a thin claims band across the top with a small flame icon in the middle.
Put the protein and net weight lines at the base in small serif type.
For soups, switch to a warm mustard carton with a rust vertical name panel and a bowl photo.
Mark sub-ranges such as reduced sodium with one full-width coloured band.

Don't

Don't use clean sans-serif for the wordmark or product name.
Don't drop the animal silhouette on the core broths.
Don't use pastel or neon colours on the core range; keep them warm and saturated.
Don't crowd the front with ingredient lists; claims stay in the top band.
Don't use glossy or metallic finishes.
Don't draw the animal with detail or outline; it is a flat silhouette.

Give your AI
packaging taste

Give your design or image tool a packaging study: palette, type, structure, front panel and principles for an original brief.

Export this style

Free with an email. PACK.md works in Claude, ChatGPT, Cursor and image tools.

More like this

# Kettle & Fire — Pack Style > farmhouse animal badges on black cartons **Category:** Food · **Tier:** Mid · **Origin:** US · **Theme:** dark **Source:** https://kettleandfire.com Colours are estimated from product photography (screen values, not print specifications). Proportions and type scales are visual estimates, not measured manufacturing dimensions. Typefaces are lookalikes, not identified fonts. Kettle & Fire packs bone broth in matte aseptic cartons, the core range in black (#1b1a19) with a stacked soft heavy serif wordmark knocked out of a bright animal silhouette, a red (#d8323f) bull head for beef and a golden (#f0b22e) rooster for chicken, so the animal names the broth before the words do. Under the badge a small serif flavour line sits over BONE BROTH in a condensed slab in the badge colour, with a protein line beneath; a thin claims band across the top flanks a small flame icon with 'Organic' or 'No preservatives'. Soups, vegetable and specialty broths leave black for full-colour or photographic cartons (mustard soup boxes with a rust name panel, a pale green vegetable carton, a prairie or deer-landscape photo) but keep the same wordmark, flame and slab name. ## Tokens — Colors | Name | Value | Token | Group | Role | | --- | --- | --- | --- | --- | | Carton Black | `#1b1a19` | `--color-carton-black` | Pack body | Ground of the core beef and chicken broth cartons and the tallow jar label | | Tallow Cream | `#f2ead8` | `--color-tallow-cream` | Label | Wordmark knocked out of the animal badge and small secondary text on black | | Broth Brown | `#3a2a22` | `--color-broth-brown` | Ink | Wordmark and type on light cartons such as soup, vegetable and venison | | Reduced Blue | `#2e86c8` | `--color-reduced-blue` | Accent | Reversed-out band naming 'Reduced sodium' above BONE BROTH | | Kettle Rust | `#b64c24` | `--color-kettle-rust` | Accent | Rust-red vertical name panel holding the wordmark on soup cartons | | Bull Red | `#d8323f` | `--color-bull-red` | Range coding | Bull-head silhouette and BONE BROTH name on beef broth and the tallow jar | | Rooster Yolk | `#f0b22e` | `--color-rooster-yolk` | Range coding | Rooster-and-heart silhouette and BONE BROTH name on chicken broth | | Soup Mustard | `#e7bc3f` | `--color-soup-mustard` | Range coding | Full-colour carton ground of the chicken noodle and butternut squash soups | | Garden Green | `#8fc77f` | `--color-garden-green` | Range coding | Pale green carton of the low-sodium vegetable broth | | Prairie Sky | `#a9c6d6` | `--color-prairie-sky` | Range coding | Sky in the landscape photos on the bison and venison broth cartons | ## Tokens — Typography The stacked wordmark is the biggest element, sitting inside or over the animal badge in the upper middle. BONE BROTH (or the soup name) is second in a condensed slab, with the flavour in small serif capitals above it and the protein line below. Claims flank the flame icon in a thin band at the very top, and net weight and certification marks sit at the base. ### Display — Recoleta Bold, Cooper Std Black · `--font-display` - **Classification:** Soft heavy old-style serif with rounded terminals - **Free lookalike:** Fraunces (Google Fonts) - **Fallback:** Cooper Black, Georgia Bold, serif - **Weights:** Bold, Black with the soft axis up - **Case:** Title case, stacked on two lines - **Tracking:** Tight, about -1% - **Role:** The wordmark only, stacked as two lines; cream on the coloured badge on black packs, dark brown on light packs. ### Headline — Rockwell Condensed Bold, Stymie Condensed · `--font-headline` - **Classification:** Condensed slab serif - **Free lookalike:** Rokkitt (Google Fonts) - **Fallback:** Rockwell, Courier Bold, serif - **Weights:** Bold, ExtraBold - **Case:** Uppercase - **Tracking:** Normal to slightly wide - **Role:** 'BONE BROTH', 'CHICKEN NOODLE', 'BEEF TALLOW' in the badge colour or reversed in white. ### Body — Century Schoolbook, Clarendon Text · `--font-body` - **Classification:** Transitional text serif - **Free lookalike:** Libre Baskerville (Google Fonts) - **Fallback:** Century Schoolbook, Georgia, serif - **Weights:** Regular, Bold - **Case:** Uppercase for flavour, sentence case for copy - **Tracking:** Wide in capitals, about +5% - **Role:** Flavour line above the name, protein per serving, sourcing line, net weight and back-panel copy. ### Label — Trade Gothic Bold Condensed · `--font-label` - **Classification:** Condensed bold sans - **Free lookalike:** Oswald (Google Fonts) - **Fallback:** Arial Narrow Bold, sans-serif - **Weights:** SemiBold - **Case:** Uppercase - **Tracking:** Slightly wide, about +3% - **Role:** Top-band callouts either side of the flame ('ORGANIC', 'NO PRESERVATIVES', '100% GRASS-FED') and the reduced-sodium band. ### Type Scale Sizes are cap height as a share of the reference panel: Front of the 16.9 oz broth carton, about 170 mm tall. | Role | Font | Weight | Size | Case | Token | | --- | --- | --- | --- | --- | --- | | wordmark | Display | Black | 9% of panel height | Title case | `--text-wordmark` | | product-name | Headline | ExtraBold | 6% of panel height | Uppercase | `--text-product-name` | | soup-name | Headline | Bold | 5% of panel height | Uppercase | `--text-soup-name` | | variant-band | Label | SemiBold | 2.4% of panel height | Uppercase | `--text-variant-band` | | flavour-line | Body | Bold | 2.2% of panel height | Uppercase | `--text-flavour-line` | | top-claims | Label | SemiBold | 1.8% of panel height | Uppercase | `--text-top-claims` | | protein-line | Body | Regular | 1.6% of panel height | Uppercase | `--text-protein-line` | | net-weight | Body | Bold | 1.5% of panel height | Title case | `--text-net-weight` | ## Structure & Materials - **Formats:** Aseptic carton, Tall carton with screw spout, Glass jar, Multipack - **Materials:** Paperboard carton, Glass, Metal lid - **Closures:** Plastic screw spout on 32 oz cartons, flat folded tops on 16.9 oz cartons, black metal lid on the tallow jar - **Decoration:** Animal silhouette badge, Flame icon, Food photography on soups, Landscape photography on specialty broths, Vertical name panel ### Proportions | Purpose | Value | | --- | --- | | Black ground coverage | About 70% of the core carton front is black | | Animal badge size | About 35% of front height, upper middle | | Wordmark width | About 60% of carton front width, inside the badge | | Product name width | About 80% of front width | | Claims band | Top 8% of the front | | Colours per core carton | Three: black, the animal colour, cream | | Density | One dominant badge with a short stack beneath and little else | ### Shapes | Element | Shape | | --- | --- | | Carton | Upright rectangular aseptic brick | | Animal badge | Flat silhouette of a bull head or a rooster with heart | | Flame icon | Small three-tongue flame centred in the top band | | Variant band | Full-width coloured strip above the product name | | Spout | Screw spout on the 32 oz carton | ### Finishes | Finish | Where | Look | | --- | --- | --- | | Matte board | All cartons | matte | | Uncoated paper label | Tallow jar | uncoated | | Clear glass | Tallow jar body | transparent | ## Pack Elements ### Animal badge **Role:** Flavour signal Flat bull-head or rooster silhouette about 35% of front height in Bull Red or Rooster Yolk, centred in the upper middle. ### Knockout wordmark **Role:** Brand block Two-line soft heavy serif wordmark knocked out of the badge in Tallow Cream at about 60% of front width. ### Slab product name **Role:** Product identity 'BONE BROTH' in condensed slab capitals across about 80% of front width, in the badge colour. ### Flame claims band **Role:** Claims Thin band at the top with two short condensed-capital claims either side of a small flame icon. ### Variant band **Role:** Sub-range cue Full-width blue strip reading 'Reduced sodium' above the product name. ### Soup name panel **Role:** Soup layout Rust-red vertical panel in the top half of the mustard soup carton holding the wordmark and soup name, over a bowl photo. ### Landscape window **Role:** Specialty cue Full-bleed sky and pasture photo with a large white animal silhouette for game broths. ## Do's and Don'ts ### Do - Use a matte black (#1b1a19) carton for the core range and let one bright silhouette colour carry each flavour. - Knock the stacked soft heavy serif wordmark out of the animal silhouette in Tallow Cream (#f2ead8). - Set BONE BROTH or the soup name in a condensed slab at about 6% of carton height, in the badge colour. - Run a thin claims band across the top with a small flame icon in the middle. - Put the protein and net weight lines at the base in small serif type. - For soups, switch to a warm mustard carton with a rust vertical name panel and a bowl photo. - Mark sub-ranges such as reduced sodium with one full-width coloured band. ### Don't - Don't use clean sans-serif for the wordmark or product name. - Don't drop the animal silhouette on the core broths. - Don't use pastel or neon colours on the core range; keep them warm and saturated. - Don't crowd the front with ingredient lists; claims stay in the top band. - Don't use glossy or metallic finishes. - Don't draw the animal with detail or outline; it is a flat silhouette. ## Surfaces | Level | Name | Value | Purpose | | --- | --- | --- | --- | | 0 | Carton Black | `#1b1a19` | Carton ground on core broths | | 1 | Bull Red | `#d8323f` | Animal badge carrying the knockout wordmark | | 2 | Tallow Cream | `#f2ead8` | Wordmark and small type reversed on top | ## Front Panel Layout Front panel is a centred vertical stack: claims band with flame icon at the top, animal badge and wordmark in the upper middle, flavour and product name below, protein and weight at the base. | Zone | Content | | --- | --- | | Top band | Two claims flanking a small flame icon | | Upper middle | Coloured animal silhouette with the stacked wordmark inside | | Lower middle | Flavour line, condensed-slab product name, protein line | | Base | Net weight, certification marks | ## Range System Core broths share a black carton and change the animal silhouette and its colour; soups and specialty broths switch to a full colour or photographic carton while keeping the wordmark, flame and slab name. - Beef = red bull head on black - Chicken = golden rooster and heart on black - Reduced sodium = same badge + blue band above BONE BROTH - Venison = sky-and-meadow photo with a white deer silhouette - Chicken noodle soup = mustard carton + rust name panel + bowl photo - Vegetable = pale green carton with low-sodium band - Beef tallow = black label on a glass jar with the red bull ## Back of Pack Side and back panels keep the front colour: a nutrition facts panel in black and white on one side, a short sourcing story in serif text, then ingredients, storage after opening, certification marks, barcode and recycling note. - US nutrition facts panel on a white box at the side - Short story about simmering bones for hours, in the serif body face - Ingredient list (bones, water, vegetables, herbs, salt) - Organic, gluten-free and keto marks at the base - Refrigerate-after-opening note, barcode and carton recycling mark ## Imagery Flat single-colour animal silhouettes as the brand device; specialty packs add warm food photography (a bowl of soup, squash, herbs) or an open landscape with a white animal silhouette over it. ## On Shelf A block of black cartons reads as a dark row punctuated by bright red and yellow animal heads, so beef and chicken are told apart from across the aisle by colour and silhouette alone. ## Agent Prompt Guide Quick Color Reference: - Carton Black: #1b1a19 — Ground of the core beef and chicken broth cartons and the tallow jar label - Tallow Cream: #f2ead8 — Wordmark knocked out of the animal badge and small secondary text on black - Bull Red: #d8323f — Bull-head silhouette and BONE BROTH name on beef broth and the tallow jar - Rooster Yolk: #f0b22e — Rooster-and-heart silhouette and BONE BROTH name on chicken broth - Reduced Blue: #2e86c8 — Reversed-out band naming 'Reduced sodium' above BONE BROTH - Soup Mustard: #e7bc3f — Full-colour carton ground of the chicken noodle and butternut squash soups - Kettle Rust: #b64c24 — Rust-red vertical name panel holding the wordmark on soup cartons - Garden Green: #8fc77f — Pale green carton of the low-sodium vegetable broth - Prairie Sky: #a9c6d6 — Sky in the landscape photos on the bison and venison broth cartons - Broth Brown: #3a2a22 — Wordmark and type on light cartons such as soup, vegetable and venison Create a matte black (#1b1a19) aseptic broth carton with a flat golden (#f0b22e) rooster-and-heart silhouette filling the upper middle third. Knock an original two-line soft heavy serif wordmark out of the rooster silhouette in Tallow Cream (#f2ead8). Under the badge set a small serif flavour line, then 'BONE BROTH' in a large condensed slab in the same golden yellow, then a protein line. Run a thin band across the top with two short condensed-capital claims either side of a small flame icon. Make a mustard (#e7bc3f) soup carton with a rust (#b64c24) vertical name panel holding the wordmark and soup name over a photo of a bowl of noodle soup. Image prompt: Product photo of a new bone broth brand in a farmhouse badge style: a matte black aseptic paperboard carton, a bold flat silhouette of a rooster's head and heart in golden yellow in the upper middle with a stacked soft heavy serif wordmark knocked out in cream inside it, a small flavour line in serif capitals below, then 'BONE BROTH' in a large condensed slab in the same golden yellow, a protein line and net weight at the base, and a thin claims band across the top with a tiny flame icon between two short claims. Beside it a black carton with a red bull-head silhouette and a mustard-yellow soup carton with a rust vertical name panel and a photo of a bowl of noodle soup. Light grey kitchen counter, a bulb of garlic and a sprig of rosemary, soft daylight. Invent an original brand name and artwork; do not reproduce existing logos. ## Similar Brands - **Bonafide Provisions** — Also sells bone broth with an animal-led front and heritage serif, but in frozen pouches and a lighter kraft palette. - **Epic Provisions** — Shares the bold animal silhouette as flavour code on a dark ground, in a more rugged outdoor style. - **Pacific Foods** — Sells broth in the same aseptic carton format with food photography, but with a light, conventional grocery layout. - **Fishwife** — Shares the warm, characterful heritage tone on a pantry protein, though with illustration instead of silhouettes. ## Quick Start ### CSS Custom Properties ```css /* Colours are estimated from product photography (screen values, not print specifications). Proportions and type scales are visual estimates, not measured manufacturing dimensions. Typefaces are lookalikes, not identified fonts. */ :root { /* Colors */ --color-carton-black: #1b1a19; --color-tallow-cream: #f2ead8; --color-bull-red: #d8323f; --color-rooster-yolk: #f0b22e; --color-reduced-blue: #2e86c8; --color-soup-mustard: #e7bc3f; --color-kettle-rust: #b64c24; --color-garden-green: #8fc77f; --color-prairie-sky: #a9c6d6; --color-broth-brown: #3a2a22; /* Typography — families (free lookalikes) */ --font-display: 'Fraunces', 'Cooper Black', 'Georgia Bold', serif; --font-headline: 'Rokkitt', Rockwell, 'Courier Bold', serif; --font-body: 'Libre Baskerville', 'Century Schoolbook', Georgia, serif; --font-label: 'Oswald', 'Arial Narrow Bold', sans-serif; /* Typography — illustrative scale, as a share of the panel (Front of the 16.9 oz broth carton, about 170 mm tall) */ --panel-height: 170mm; --text-wordmark: calc(var(--panel-height) * 0.09); --text-product-name: calc(var(--panel-height) * 0.06); --text-soup-name: calc(var(--panel-height) * 0.05); --text-variant-band: calc(var(--panel-height) * 0.024); --text-flavour-line: calc(var(--panel-height) * 0.022); --text-top-claims: calc(var(--panel-height) * 0.018); --text-protein-line: calc(var(--panel-height) * 0.016); --text-net-weight: calc(var(--panel-height) * 0.015); /* Proportions */ --black-ground-coverage: 70%; --animal-badge-size: 35%; --wordmark-width: 60%; --product-name-width: 80%; --claims-band: 8%; /* Surfaces */ --surface-carton-black: #1b1a19; --surface-bull-red: #d8323f; --surface-tallow-cream: #f2ead8; } ``` ### Tailwind v4 ```css /* Colours are estimated from product photography (screen values, not print specifications). Proportions and type scales are visual estimates, not measured manufacturing dimensions. Typefaces are lookalikes, not identified fonts. */ @theme { /* Colors */ --color-carton-black: #1b1a19; --color-tallow-cream: #f2ead8; --color-bull-red: #d8323f; --color-rooster-yolk: #f0b22e; --color-reduced-blue: #2e86c8; --color-soup-mustard: #e7bc3f; --color-kettle-rust: #b64c24; --color-garden-green: #8fc77f; --color-prairie-sky: #a9c6d6; --color-broth-brown: #3a2a22; /* Typography — families (free lookalikes) */ --font-display: 'Fraunces', 'Cooper Black', 'Georgia Bold', serif; --font-headline: 'Rokkitt', Rockwell, 'Courier Bold', serif; --font-body: 'Libre Baskerville', 'Century Schoolbook', Georgia, serif; --font-label: 'Oswald', 'Arial Narrow Bold', sans-serif; /* Typography — illustrative scale, as a share of the panel (Front of the 16.9 oz broth carton, about 170 mm tall) */ --panel-height: 170mm; --text-wordmark: calc(var(--panel-height) * 0.09); --text-product-name: calc(var(--panel-height) * 0.06); --text-soup-name: calc(var(--panel-height) * 0.05); --text-variant-band: calc(var(--panel-height) * 0.024); --text-flavour-line: calc(var(--panel-height) * 0.022); --text-top-claims: calc(var(--panel-height) * 0.018); --text-protein-line: calc(var(--panel-height) * 0.016); --text-net-weight: calc(var(--panel-height) * 0.015); /* Proportions */ --black-ground-coverage: 70%; --animal-badge-size: 35%; --wordmark-width: 60%; --product-name-width: 80%; --claims-band: 8%; /* Surfaces */ } ```