Images from the packaging case study by Fair Folk

Athletic Brewing

trailhead poster cans under a wheat-stalk monogram

Athletic Brewing builds every can around a fixed upper half: an arched 'non-alcoholic brew' line at the rim, a large italic slab capital A crossed by a wheat stalk, and the condensed wordmark stacked beneath it in Trail Navy (#14354d). The beer's name then sits in a small coloured box over the style in spaced capitals, and the lower third becomes a flat, layered landscape (rolling hills with a winding path, a breaking wave, a river) in the can's colour family. Each core beer owns one body colour, while seasonal and cocktail-inspired cans swap the landscape for a bold two-colour horizontal split, a quoted name and a small drink icon; collaborations take the whole can over with illustration.

https://athleticbrewing.com Explore the brand

Beer & aperitifs
Light pack
Bold typographic
Colour-coded range
Retro illustrated

Color Palette

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

Pack body

Bare Aluminium
#c3c5c6
Unprinted can end, ring pull and base rim on every can
Lager Cream
#eee3c9
Full body colour of the Mexican-style lager and the lower band of the light lager

Label

Lite White
#f6f6f3
Upper body of the light lager can, carrying the gold monogram

Ink

Trail Navy
#14354d
Monogram, wordmark, style line and the darkest layer of every landscape

Accent

Barley Gold
#e4b84f
Beer-name box, winding path in landscapes and the monogram on the light lager

Range coding

Run Teal
#2fa6b8
Body colour and hill layers of the flagship IPA
Hazy Terracotta
#e0745a
Body colour and river landscape of the hazy IPA tallboy
Paloma Coral
#e0566a
Upper half of the split cocktail-inspired can, behind the monogram
Grapefruit Yellow
#f3d22c
Lower half of the split cocktail can and the drink icon field
Pumpkin Orange
#e0782a
Body of the autumn seasonal can with a tonal leaf pattern

Typography

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

The italic slab A monogram is the largest element, centred in the upper half. The condensed wordmark sits directly beneath it with a smaller 'brewing co.' line. The beer name comes next, framed in a small contrasting box or set large in quotes on seasonals, with the beer style in spaced capitals below; the arched alcohol line at the shoulder and the volume at the base are the quietest text.

Type scale

Estimated cap size as a share of the panel · Printed wall of the 12 oz (355 ml) can, about 105 mm tall from shoulder to base bead

monogram
26% · Bold Italic · Display
T
seasonal-name
9% · Bold · Headline
“SUNSET”
wordmark
8% · Bold · Headline
TRAIL
beer-name-box
4% · SemiBold · Headline
RIDGE RUN
beer-style
3.5% · Bold · Label
HAZY IPA
sub-wordmark
2.8% · SemiBold · Headline
BREWING CO.

Fonts

Display
Zilla Slab
Looks like
Custom italic slab capital, close to Clarendon Bold Italic
Type
Heavy italic slab serif capital used as a single-letter monogram
Weight
Bold Italic
Case
Uppercase single letter
Tracking
n/a
Fallback
Rockwell Bold Italic, Georgia Bold Italic
The monogram letter only, crossed diagonally by a wheat stalk, printed in Trail Navy or Barley Gold.
Headline
Oswald
Looks like
Trade Gothic Bold Condensed No. 20
Type
Bold condensed grotesque
Weight
SemiBold, Bold
Case
Uppercase
Tracking
Slightly open, about +2%
Fallback
Franklin Gothic Condensed, Arial Narrow Bold
Wordmark, the 'brewing co.' line, the beer name inside its box and quoted seasonal names.
Label
Barlow Condensed
Looks like
Trade Gothic Condensed, slab-mono descriptor on some cans
Type
Condensed neutral grotesque
Weight
Medium, Bold
Case
Uppercase
Tracking
Wide, about +12% on style lines
Fallback
Arial Narrow, Helvetica Condensed
Arched shoulder claim, beer style in spaced capitals, flavour lines and the volume at the base.

Structure & Proportions

Proportions

Purpose	Value	Preview
Brand block height	About 45% of the printed wall, shoulder to the bottom of the wordmark
Monogram height	About 26% of the printed wall
Landscape band	About 30% of the wall at the base on core cans
Seasonal split line	Colour change at about 55% down the wall, just under the wordmark
Wordmark width	About 32% of the can circumference, i.e. most of the front face
Colours per can	Three to four flat colours: body, navy ink, one accent, one landscape tone	—
Density	Open upper half, busier illustrated lower third	—

Shapes

Element	Value	Preview
Beer-name box	Small horizontal rectangle with square corners
Shoulder claim	Text set on a shallow arc following the can shoulder
Landscape	Layered rolling hills and wave crests
Seasonal split	Straight horizontal two-colour division
Award and size callouts	Solid roundels on e-commerce renders and carton fronts

Finishes

Gloss printed aluminium
Full can wall · gloss
Bare aluminium
Can end, neck and base rim · metallic
Matte printed board
Multipack carriers · matte

Formats and materials


Formats	12 oz can, 19.2 oz tallboy can, Variety multipack
Materials	Aluminium, Paperboard multipack carton
Closures	Standard ring-pull can ends left bare aluminium
Decoration	Wheat-stalk monogram, Arched shoulder text, Flat layered landscape illustration, Two-colour horizontal split on seasonals, Small line icon of a cocktail

Front Panel

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

Full-wrap printed can divided into three bands: brand and claim in the upper half, product box in the middle, illustration in the lower third.

Zone	Content
Shoulder	Arched 'non-alcoholic brew' line and alcohol limit
Upper half	Italic A monogram with wheat stalk, stacked condensed wordmark
Middle	Beer name in a coloured box, style in spaced capitals
Lower third	Flat landscape of hills, waves or ridges, with the volume line at the base

Range System

The upper brand block never moves; each beer is coded by a body colour, a landscape scene and a name-box colour, while limited releases replace the landscape with a two-colour split and quoted name, and collaborations take over the whole can with illustration.

IPA = teal can, teal hills, gold winding path
Light lager = white and cream can, gold monogram
Mexican-style lager = cream can, blue wave
Hazy IPA = terracotta tallboy with river landscape
Cocktail-inspired = coral top, yellow bottom, quoted name and drink icon
Autumn seasonal = orange can, tonal leaf pattern, slanted name

Back of Pack & Shelf

The rear half of the can repeats the body colour with a narrow column of navy text beside the barcode, and the side carries the brand story and ingredient line, all in one or two flat colours.

Short description of the beer's taste and calories in condensed capitals
Ingredients line (water, malted grains, hops, yeast) and allergen note
Nutrition facts panel in navy on the body colour
UPC barcode on a white rectangle
Deposit and recycling marks with state codes
Brewery address and website in small capitals

On shelf

In the cooler, the identical monogram and wordmark line up across every can so the range reads as one brand, while the body colours (teal, cream, coral and yellow, terracotta) separate the beers from a distance.

Imagery

Flat, layered vector landscapes in three or four tones of the can colour, outdoor and route-like (a path, a river, a wave), with no outlines and no photography; seasonals use a single small line icon of a glass with fruit.

Guidelines

Do

Fix the brand block in the upper 45% of the wall: arched claim, monogram at about 26% height, stacked condensed wordmark.
Give each core beer one body colour and a matching three-tone landscape in the lower 30%.
Print the monogram, wordmark and style line in Trail Navy (#14354d) on all mid and light bodies.
Frame the beer name in a small Barley Gold (#e4b84f) or white rectangle with the style in spaced Label capitals beneath.
For seasonal cans, split the body into two flat colours just under the wordmark and put the name in quotes in the Headline face.
Leave the can end and base rim as bare aluminium.

Don't

Don't move or resize the monogram between beers.
Don't use outlined or detailed illustration on core cans; keep scenes flat and tonal.
Don't set the wordmark in serif or script; only the monogram is a slab.
Don't use photography on the can.
Don't put more than two flat colours plus navy ink on a seasonal split can.
Don't print the beer name larger than the wordmark except for quoted seasonal names.

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

# Athletic Brewing — Pack Style > trailhead poster cans under a wheat-stalk monogram **Category:** Beverage · **Tier:** Mid · **Origin:** US · **Theme:** light **Source:** https://athleticbrewing.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. Athletic Brewing builds every can around a fixed upper half: an arched 'non-alcoholic brew' line at the rim, a large italic slab capital A crossed by a wheat stalk, and the condensed wordmark stacked beneath it in Trail Navy (#14354d). The beer's name then sits in a small coloured box over the style in spaced capitals, and the lower third becomes a flat, layered landscape (rolling hills with a winding path, a breaking wave, a river) in the can's colour family. Each core beer owns one body colour, while seasonal and cocktail-inspired cans swap the landscape for a bold two-colour horizontal split, a quoted name and a small drink icon; collaborations take the whole can over with illustration. ## Tokens — Colors | Name | Value | Token | Group | Role | | --- | --- | --- | --- | --- | | Bare Aluminium | `#c3c5c6` | `--color-bare-aluminium` | Pack body | Unprinted can end, ring pull and base rim on every can | | Lager Cream | `#eee3c9` | `--color-lager-cream` | Pack body | Full body colour of the Mexican-style lager and the lower band of the light lager | | Lite White | `#f6f6f3` | `--color-lite-white` | Label | Upper body of the light lager can, carrying the gold monogram | | Trail Navy | `#14354d` | `--color-trail-navy` | Ink | Monogram, wordmark, style line and the darkest layer of every landscape | | Barley Gold | `#e4b84f` | `--color-barley-gold` | Accent | Beer-name box, winding path in landscapes and the monogram on the light lager | | Run Teal | `#2fa6b8` | `--color-run-teal` | Range coding | Body colour and hill layers of the flagship IPA | | Hazy Terracotta | `#e0745a` | `--color-hazy-terracotta` | Range coding | Body colour and river landscape of the hazy IPA tallboy | | Paloma Coral | `#e0566a` | `--color-paloma-coral` | Range coding | Upper half of the split cocktail-inspired can, behind the monogram | | Grapefruit Yellow | `#f3d22c` | `--color-grapefruit-yellow` | Range coding | Lower half of the split cocktail can and the drink icon field | | Pumpkin Orange | `#e0782a` | `--color-pumpkin-orange` | Range coding | Body of the autumn seasonal can with a tonal leaf pattern | ## Tokens — Typography The italic slab A monogram is the largest element, centred in the upper half. The condensed wordmark sits directly beneath it with a smaller 'brewing co.' line. The beer name comes next, framed in a small contrasting box or set large in quotes on seasonals, with the beer style in spaced capitals below; the arched alcohol line at the shoulder and the volume at the base are the quietest text. ### Display — Custom italic slab capital, close to Clarendon Bold Italic · `--font-display` - **Classification:** Heavy italic slab serif capital used as a single-letter monogram - **Free lookalike:** Zilla Slab (Google Fonts) - **Fallback:** Rockwell Bold Italic, Georgia Bold Italic - **Weights:** Bold Italic - **Case:** Uppercase single letter - **Tracking:** n/a - **Role:** The monogram letter only, crossed diagonally by a wheat stalk, printed in Trail Navy or Barley Gold. ### Headline — Trade Gothic Bold Condensed No. 20 · `--font-headline` - **Classification:** Bold condensed grotesque - **Free lookalike:** Oswald (Google Fonts) - **Fallback:** Franklin Gothic Condensed, Arial Narrow Bold - **Weights:** SemiBold, Bold - **Case:** Uppercase - **Tracking:** Slightly open, about +2% - **Role:** Wordmark, the 'brewing co.' line, the beer name inside its box and quoted seasonal names. ### Label — Trade Gothic Condensed, slab-mono descriptor on some cans · `--font-label` - **Classification:** Condensed neutral grotesque - **Free lookalike:** Barlow Condensed (Google Fonts) - **Fallback:** Arial Narrow, Helvetica Condensed - **Weights:** Medium, Bold - **Case:** Uppercase - **Tracking:** Wide, about +12% on style lines - **Role:** Arched shoulder claim, beer style in spaced capitals, flavour lines and the volume at the base. ### Type Scale Sizes are cap height as a share of the reference panel: Printed wall of the 12 oz (355 ml) can, about 105 mm tall from shoulder to base bead. | Role | Font | Weight | Size | Case | Token | | --- | --- | --- | --- | --- | --- | | monogram | Display | Bold Italic | 26% of panel height | Uppercase | `--text-monogram` | | seasonal-name | Headline | Bold | 9% of panel height | Uppercase in quotes | `--text-seasonal-name` | | wordmark | Headline | Bold | 8% of panel height | Uppercase | `--text-wordmark` | | beer-name-box | Headline | SemiBold | 4% of panel height | Uppercase | `--text-beer-name-box` | | beer-style | Label | Bold | 3.5% of panel height | Uppercase, spaced | `--text-beer-style` | | sub-wordmark | Headline | SemiBold | 2.8% of panel height | Uppercase | `--text-sub-wordmark` | | shoulder-claim | Label | Medium | 2.2% of panel height | Uppercase, set on an arc | `--text-shoulder-claim` | | legal | Label | Medium | 1.4% of panel height | Uppercase | `--text-legal` | ## Structure & Materials - **Formats:** 12 oz can, 19.2 oz tallboy can, Variety multipack - **Materials:** Aluminium, Paperboard multipack carton - **Closures:** Standard ring-pull can ends left bare aluminium - **Decoration:** Wheat-stalk monogram, Arched shoulder text, Flat layered landscape illustration, Two-colour horizontal split on seasonals, Small line icon of a cocktail ### Proportions | Purpose | Value | | --- | --- | | Brand block height | About 45% of the printed wall, shoulder to the bottom of the wordmark | | Monogram height | About 26% of the printed wall | | Landscape band | About 30% of the wall at the base on core cans | | Seasonal split line | Colour change at about 55% down the wall, just under the wordmark | | Wordmark width | About 32% of the can circumference, i.e. most of the front face | | Colours per can | Three to four flat colours: body, navy ink, one accent, one landscape tone | | Density | Open upper half, busier illustrated lower third | ### Shapes | Element | Shape | | --- | --- | | Beer-name box | Small horizontal rectangle with square corners | | Shoulder claim | Text set on a shallow arc following the can shoulder | | Landscape | Layered rolling hills and wave crests | | Seasonal split | Straight horizontal two-colour division | | Award and size callouts | Solid roundels on e-commerce renders and carton fronts | ### Finishes | Finish | Where | Look | | --- | --- | --- | | Gloss printed aluminium | Full can wall | gloss | | Bare aluminium | Can end, neck and base rim | metallic | | Matte printed board | Multipack carriers | matte | ## Pack Elements ### Wheat monogram **Role:** Brand symbol Italic slab capital about 26% of the wall height, crossed lower-left to upper-right by a wheat stalk, in Trail Navy (#14354d) or Barley Gold on light cans. ### Stacked wordmark **Role:** Brand block Bold condensed capitals directly under the monogram with a smaller 'brewing co.' line, centred and never resized between beers. ### Arched claim **Role:** Category signal 'Non-alcoholic brew' and the alcohol limit set on an arc around the shoulder in small condensed capitals. ### Name box **Role:** Product identity Small Barley Gold (#e4b84f) or white rectangle holding the beer name in navy condensed capitals, with the style in spaced capitals below. ### Landscape band **Role:** Product scene Lower 30% of the can filled with flat tonal hills, a wave or a river in the body colour family, with a gold path or river line running through. ### Two-colour split **Role:** Seasonal signal Body divided horizontally just under the wordmark into two flat colours, such as Paloma Coral (#e0566a) over Grapefruit Yellow (#f3d22c). ### Drink icon **Role:** Flavour cue Small single-colour line drawing of a glass with fruit and ice between the wordmark and the quoted name on cocktail-inspired cans. ## Do's and Don'ts ### Do - Fix the brand block in the upper 45% of the wall: arched claim, monogram at about 26% height, stacked condensed wordmark. - Give each core beer one body colour and a matching three-tone landscape in the lower 30%. - Print the monogram, wordmark and style line in Trail Navy (#14354d) on all mid and light bodies. - Frame the beer name in a small Barley Gold (#e4b84f) or white rectangle with the style in spaced Label capitals beneath. - For seasonal cans, split the body into two flat colours just under the wordmark and put the name in quotes in the Headline face. - Leave the can end and base rim as bare aluminium. ### Don't - Don't move or resize the monogram between beers. - Don't use outlined or detailed illustration on core cans; keep scenes flat and tonal. - Don't set the wordmark in serif or script; only the monogram is a slab. - Don't use photography on the can. - Don't put more than two flat colours plus navy ink on a seasonal split can. - Don't print the beer name larger than the wordmark except for quoted seasonal names. ## Surfaces | Level | Name | Value | Purpose | | --- | --- | --- | --- | | 0 | Bare Aluminium | `#c3c5c6` | Unprinted can end and base framing the printed wall | | 1 | Run Teal | `#2fa6b8` | Body colour of the flagship can, carrying all print | | 2 | Barley Gold | `#e4b84f` | Name box lifted off the body colour | ## Front Panel Layout Full-wrap printed can divided into three bands: brand and claim in the upper half, product box in the middle, illustration in the lower third. | Zone | Content | | --- | --- | | Shoulder | Arched 'non-alcoholic brew' line and alcohol limit | | Upper half | Italic A monogram with wheat stalk, stacked condensed wordmark | | Middle | Beer name in a coloured box, style in spaced capitals | | Lower third | Flat landscape of hills, waves or ridges, with the volume line at the base | ## Range System The upper brand block never moves; each beer is coded by a body colour, a landscape scene and a name-box colour, while limited releases replace the landscape with a two-colour split and quoted name, and collaborations take over the whole can with illustration. - IPA = teal can, teal hills, gold winding path - Light lager = white and cream can, gold monogram - Mexican-style lager = cream can, blue wave - Hazy IPA = terracotta tallboy with river landscape - Cocktail-inspired = coral top, yellow bottom, quoted name and drink icon - Autumn seasonal = orange can, tonal leaf pattern, slanted name ## Back of Pack The rear half of the can repeats the body colour with a narrow column of navy text beside the barcode, and the side carries the brand story and ingredient line, all in one or two flat colours. - Short description of the beer's taste and calories in condensed capitals - Ingredients line (water, malted grains, hops, yeast) and allergen note - Nutrition facts panel in navy on the body colour - UPC barcode on a white rectangle - Deposit and recycling marks with state codes - Brewery address and website in small capitals ## Imagery Flat, layered vector landscapes in three or four tones of the can colour, outdoor and route-like (a path, a river, a wave), with no outlines and no photography; seasonals use a single small line icon of a glass with fruit. ## On Shelf In the cooler, the identical monogram and wordmark line up across every can so the range reads as one brand, while the body colours (teal, cream, coral and yellow, terracotta) separate the beers from a distance. ## Agent Prompt Guide Quick Color Reference: - Bare Aluminium: #c3c5c6 — Unprinted can end, ring pull and base rim on every can - Lager Cream: #eee3c9 — Full body colour of the Mexican-style lager and the lower band of the light lager - Trail Navy: #14354d — Monogram, wordmark, style line and the darkest layer of every landscape - Barley Gold: #e4b84f — Beer-name box, winding path in landscapes and the monogram on the light lager - Run Teal: #2fa6b8 — Body colour and hill layers of the flagship IPA - Hazy Terracotta: #e0745a — Body colour and river landscape of the hazy IPA tallboy - Paloma Coral: #e0566a — Upper half of the split cocktail-inspired can, behind the monogram - Grapefruit Yellow: #f3d22c — Lower half of the split cocktail can and the drink icon field - Pumpkin Orange: #e0782a — Body of the autumn seasonal can with a tonal leaf pattern - Lite White: #f6f6f3 — Upper body of the light lager can, carrying the gold monogram Create a 12 oz gloss aluminium can printed Run Teal (#2fa6b8) with bare aluminium top and base, and a shallow arched line of small condensed Label capitals around the shoulder. Set an original italic slab capital monogram crossed by a wheat stalk in Trail Navy (#14354d), about a quarter of the can height, with a stacked bold condensed Headline wordmark below it. Put the beer name in navy condensed capitals inside a small Barley Gold (#e4b84f) rectangle, with the beer style beneath in widely spaced Label capitals. Fill the lower third with a flat layered landscape of three teal tones and navy rolling hills, with a winding gold path, no outlines. Make a seasonal can split horizontally into Paloma Coral (#e0566a) over Grapefruit Yellow (#f3d22c), with a quoted name in large Headline capitals and a small line icon of a cocktail glass. Image prompt: Product photo of a new non-alcoholic craft beer brand in a trailhead poster style: a 12 oz gloss aluminium can printed teal, with arched condensed capitals around the shoulder, a large italic slab capital monogram crossed by a wheat stalk in navy, a stacked bold condensed sans wordmark beneath, the beer name in a small mustard-yellow rectangle over the style in spaced capitals, and the lower third filled with a flat layered landscape of teal and navy rolling hills with a winding gold path; beside it a seasonal can split coral over yellow with a quoted name and a small cocktail line icon. Bare aluminium lid, light condensation droplets. White background, crisp studio light, beverage product photography. Invent an original brand name and artwork; do not reproduce existing logos. ## Similar Brands - **Brooklyn Brewery** — Also uses a fixed central brand mark over a different colour per beer, but its system is a single badge rather than a stacked monogram and landscape. - **Lagunitas** — Keeps one repeating brand device across cans with colour coding per beer, though its tone is hand-drawn and cheeky rather than outdoorsy. - **Erdinger Alkoholfrei** — Shares the non-alcoholic sports positioning and a strong colour per variant, but uses a heritage crest and label instead of flat landscapes. - **Topo Chico** — Combines a vintage-feeling wordmark with clear flavour colour coding on cans, without the illustrated scenery. ## 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-bare-aluminium: #c3c5c6; --color-lager-cream: #eee3c9; --color-trail-navy: #14354d; --color-barley-gold: #e4b84f; --color-run-teal: #2fa6b8; --color-hazy-terracotta: #e0745a; --color-paloma-coral: #e0566a; --color-grapefruit-yellow: #f3d22c; --color-pumpkin-orange: #e0782a; --color-lite-white: #f6f6f3; /* Typography — families (free lookalikes) */ --font-display: 'Zilla Slab', 'Rockwell Bold Italic', 'Georgia Bold Italic'; --font-headline: 'Oswald', 'Franklin Gothic Condensed', 'Arial Narrow Bold'; --font-label: 'Barlow Condensed', 'Arial Narrow', 'Helvetica Condensed'; /* Typography — illustrative scale, as a share of the panel (Printed wall of the 12 oz (355 ml) can, about 105 mm tall from shoulder to base bead) */ --panel-height: 105mm; --text-monogram: calc(var(--panel-height) * 0.26); --text-seasonal-name: calc(var(--panel-height) * 0.09); --text-wordmark: calc(var(--panel-height) * 0.08); --text-beer-name-box: calc(var(--panel-height) * 0.04); --text-beer-style: calc(var(--panel-height) * 0.035); --text-sub-wordmark: calc(var(--panel-height) * 0.028); --text-shoulder-claim: calc(var(--panel-height) * 0.022); --text-legal: calc(var(--panel-height) * 0.014); /* Proportions */ --brand-block-height: 45%; --monogram-height: 26%; --landscape-band: 30%; --seasonal-split-line: 55%; --wordmark-width: 32%; /* Surfaces */ --surface-bare-aluminium: #c3c5c6; --surface-run-teal: #2fa6b8; --surface-barley-gold: #e4b84f; } ``` ### 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-bare-aluminium: #c3c5c6; --color-lager-cream: #eee3c9; --color-trail-navy: #14354d; --color-barley-gold: #e4b84f; --color-run-teal: #2fa6b8; --color-hazy-terracotta: #e0745a; --color-paloma-coral: #e0566a; --color-grapefruit-yellow: #f3d22c; --color-pumpkin-orange: #e0782a; --color-lite-white: #f6f6f3; /* Typography — families (free lookalikes) */ --font-display: 'Zilla Slab', 'Rockwell Bold Italic', 'Georgia Bold Italic'; --font-headline: 'Oswald', 'Franklin Gothic Condensed', 'Arial Narrow Bold'; --font-label: 'Barlow Condensed', 'Arial Narrow', 'Helvetica Condensed'; /* Typography — illustrative scale, as a share of the panel (Printed wall of the 12 oz (355 ml) can, about 105 mm tall from shoulder to base bead) */ --panel-height: 105mm; --text-monogram: calc(var(--panel-height) * 0.26); --text-seasonal-name: calc(var(--panel-height) * 0.09); --text-wordmark: calc(var(--panel-height) * 0.08); --text-beer-name-box: calc(var(--panel-height) * 0.04); --text-beer-style: calc(var(--panel-height) * 0.035); --text-sub-wordmark: calc(var(--panel-height) * 0.028); --text-shoulder-claim: calc(var(--panel-height) * 0.022); --text-legal: calc(var(--panel-height) * 0.014); /* Proportions */ --brand-block-height: 45%; --monogram-height: 26%; --landscape-band: 30%; --seasonal-split-line: 55%; --wordmark-width: 32%; /* Surfaces */ } ```