OUAI

sheer tinted bottles, small black capitals

OUAI builds its hair and body range from soft-shouldered translucent bottles tinted a different muted colour per product (sage, champagne, rust amber, dusty lilac, cream), all closed with the same chunky ivory cap or pump (#f3eee6). The front carries almost nothing: a short four-letter wordmark in widely tracked geometric capitals, black, alone in the upper third, and a small centred block of bilingual English and French product names low on the body, followed by a bold scent or active line and the volume. The tinted plastic does the work. Fragrance pieces add a white rectangular paper-look label on deep amber bottles, and the body crème jar swaps black ink for a sunset gradient wordmark, but the type layout stays the same.

https://theouai.com Explore the brand

Hair
Light pack
Clinical minimal
Pastel soft-touch
Colour-coded range

Color Palette

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

Pack body

Sage Tint
#b9c7ad
Translucent sage bottle of the anti-dandruff shampoo
Champagne Tint
#cfc6a8
Pale gold translucent bottle of the body cleanser
Gloss Cream
#ede0cc
Opaque warm cream bottle of the hair gloss and frosted body-crème jar

Label

Mist Label White
#faf8f4
White rectangular label on fragrance-mist bottles

Ink

Salon Black
#1c1c1c
Wordmark, product names, bilingual descriptors and volume line

Accent

Ivory Cap
#f3eee6
Wide flat caps, pump heads and jar lids shared across the whole range
St Barts Sunset
#f08a3a
Orange-to-pink gradient ink used instead of black on the body-crème jar

Range coding

Detox Amber
#a8603f
Rust-amber jumbo pump bottle of the detox shampoo
Ibiza Amber
#b2401f
Deep orange-red bottle of the fragrance mist, seen around the white label
Balm Lilac
#d7c0c4
Dusty lilac airless tube of the bond repair balm

Typography

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

The wordmark sits alone in the upper third with generous space around it. Everything else is tiny and grouped near the base, centred: product name in English, the French translation underneath, a scent or key-ingredient line in bold, then the volume.

Type scale

Estimated cap size as a share of the panel · Front of the 300 ml flip-cap shampoo bottle, cap excluded, about 150 mm tall

wordmark
5% · Medium · Display
VOILA
product-name
1.8% · Bold · Headline
VOLUME SHAMPOO
translation
1.6% · Regular · Body
SHAMPOOING VOLUME
scent-line
1.5% · Bold · Headline
RUE DES FLEURS
active-line
1.5% · Bold · Headline
2% SALICYLIC ACID
volume
1.3% · Light · Body
10 fl oz / 300 ml

Fonts

Display
Jost
Looks like
Futura Medium, Gotham Medium
Type
Geometric sans, medium weight, widely tracked
Weight
Medium
Case
Uppercase
Tracking
Wide, about +12%
Fallback
Futura, Avenir, Century Gothic
The four-letter wordmark alone in the upper third, black on tinted plastic, gradient on the body crème.
Headline
Archivo Narrow
Looks like
Helvetica Neue Condensed Bold, Akzidenz-Grotesk Condensed
Type
Bold condensed grotesque
Weight
Bold
Case
Uppercase
Tracking
Wide, about +4%
Fallback
Arial Narrow Bold
English product name and the bold scent or active line in the lower product block.
Body
Inter
Looks like
Helvetica Neue Regular
Type
Neutral grotesque
Weight
Regular, Light
Case
Uppercase
Tracking
Wide, about +6%
Fallback
Helvetica, Arial
French translation, volume line and back-panel copy.

Structure & Proportions

Proportions

Purpose	Value	Preview
Wordmark position	About 30% down from the shoulder
Wordmark width	About 35% of bottle width, centred
Empty band	About 40% of front height empty between wordmark and product block
Product block	Lower 25% of the body, centred
Cap height	About 25% of total pack height on flip-cap bottles
Colours per pack	Three: body tint, ivory closure, black ink	—
Density	Very sparse: one word up top, one tiny block at the base	—

Shapes

Element	Value	Preview
Bottle	Soft-shouldered rounded cylinder
Cap	Oversized flat ivory cap
Pump	Ivory lotion pump on jumbo bottles
Fragrance label	White portrait rectangle
Jar	Wide low frosted jar with ivory lid

Finishes

Satin translucent plastic
Shampoo, conditioner and cleanser bottles · transparent
Soft matte opaque
Hair gloss bottle and balm tube · matte
Frosted jar
Body crème · frosted
Gradient-ink print
Body-crème wordmark · gloss
Paper-look label
Fragrance mists · uncoated

Formats and materials


Formats	Flip-cap bottle, Jumbo pump bottle, Spray mist bottle, Airless tube, Wide jar, Travel sizes
Materials	Tinted translucent plastic, Opaque plastic, Frosted jar
Closures	Oversized flat ivory caps, ivory lotion pumps and tall ivory mist overcaps, the same colour on every product
Decoration	Direct-printed one-colour type, Gradient-ink wordmark on body crème, White rectangular label on fragrance mists

Front Panel

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

No label on most packs: type is printed straight onto the tinted bottle, centred, with a wide empty band between the wordmark and the product block.

Zone	Content
Upper third	Four-letter wordmark alone
Lower third	English product name, French translation, bold scent or active line
Base	Volume in fl oz / ml

Range System

Colour of the plastic identifies the product while bottle shape, ivory closure and type layout stay identical; scents are named after places and printed as a bold line in the product block.

Anti-dandruff = sage bottle
Body cleanser = champagne bottle + city scent line
Detox shampoo = amber jumbo pump
Bond repair balm = lilac tube
Hair gloss = cream bottle
Fragrance mist = deep amber bottle + white label

Back of Pack & Shelf

The back is printed in the same black on the tinted plastic, centred: a short friendly paragraph, directions, the ingredient list and bilingual cautions in small uppercase, then volume, batch and recycling marks at the base.

Short paragraph on what the product does for the hair
Directions in English and French
Full INCI ingredient list
Cautions and period-after-opening symbol
Volume, batch code and recycling marks
Barcode and distributor address

On shelf

On shelf the bottles read as a soft gradient of tinted plastics under identical ivory caps, with the short black wordmark repeating at the same height on every bottle.

Imagery

None on pack. Product shots are frontal on a warm greige paper backdrop; ingredient imagery (roses, citrus slices) appears only in flat-lay marketing around the bottle.

Guidelines

Do

Tint each bottle one muted translucent colour and keep every closure ivory (#f3eee6).
Set a short wordmark in widely tracked geometric capitals, black, alone about 30% down from the shoulder.
Leave a wide empty band between the wordmark and the product block.
Put a centred bilingual block (English, then French) in the lower quarter in tiny capitals.
Name scents after places and set them as one bold line under the translation.
Use a white rectangular label only on fragrance mists.

Don't

Don't add pattern, imagery or illustration to the bottle.
Don't vary cap shape or colour between products.
Don't make the product name larger than the wordmark.
Don't use saturated or neon tints.
Don't use serif or script type.

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

# OUAI — Pack Style > sheer tinted bottles, small black capitals **Category:** Beauty · **Tier:** Mid · **Origin:** US · **Theme:** light **Source:** https://theouai.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. OUAI builds its hair and body range from soft-shouldered translucent bottles tinted a different muted colour per product (sage, champagne, rust amber, dusty lilac, cream), all closed with the same chunky ivory cap or pump (#f3eee6). The front carries almost nothing: a short four-letter wordmark in widely tracked geometric capitals, black, alone in the upper third, and a small centred block of bilingual English and French product names low on the body, followed by a bold scent or active line and the volume. The tinted plastic does the work. Fragrance pieces add a white rectangular paper-look label on deep amber bottles, and the body crème jar swaps black ink for a sunset gradient wordmark, but the type layout stays the same. ## Tokens — Colors | Name | Value | Token | Group | Role | | --- | --- | --- | --- | --- | | Sage Tint | `#b9c7ad` | `--color-sage-tint` | Pack body | Translucent sage bottle of the anti-dandruff shampoo | | Champagne Tint | `#cfc6a8` | `--color-champagne-tint` | Pack body | Pale gold translucent bottle of the body cleanser | | Gloss Cream | `#ede0cc` | `--color-gloss-cream` | Pack body | Opaque warm cream bottle of the hair gloss and frosted body-crème jar | | Mist Label White | `#faf8f4` | `--color-mist-label-white` | Label | White rectangular label on fragrance-mist bottles | | Salon Black | `#1c1c1c` | `--color-salon-black` | Ink | Wordmark, product names, bilingual descriptors and volume line | | Ivory Cap | `#f3eee6` | `--color-ivory-cap` | Accent | Wide flat caps, pump heads and jar lids shared across the whole range | | St Barts Sunset | `#f08a3a` | `--color-st-barts-sunset` | Accent | Orange-to-pink gradient ink used instead of black on the body-crème jar | | Detox Amber | `#a8603f` | `--color-detox-amber` | Range coding | Rust-amber jumbo pump bottle of the detox shampoo | | Ibiza Amber | `#b2401f` | `--color-ibiza-amber` | Range coding | Deep orange-red bottle of the fragrance mist, seen around the white label | | Balm Lilac | `#d7c0c4` | `--color-balm-lilac` | Range coding | Dusty lilac airless tube of the bond repair balm | ## Tokens — Typography The wordmark sits alone in the upper third with generous space around it. Everything else is tiny and grouped near the base, centred: product name in English, the French translation underneath, a scent or key-ingredient line in bold, then the volume. ### Display — Futura Medium, Gotham Medium · `--font-display` - **Classification:** Geometric sans, medium weight, widely tracked - **Free lookalike:** Jost (Google Fonts) - **Fallback:** Futura, Avenir, Century Gothic - **Weights:** Medium - **Case:** Uppercase - **Tracking:** Wide, about +12% - **Role:** The four-letter wordmark alone in the upper third, black on tinted plastic, gradient on the body crème. ### Headline — Helvetica Neue Condensed Bold, Akzidenz-Grotesk Condensed · `--font-headline` - **Classification:** Bold condensed grotesque - **Free lookalike:** Archivo Narrow (Google Fonts) - **Fallback:** Arial Narrow Bold - **Weights:** Bold - **Case:** Uppercase - **Tracking:** Wide, about +4% - **Role:** English product name and the bold scent or active line in the lower product block. ### Body — Helvetica Neue Regular · `--font-body` - **Classification:** Neutral grotesque - **Free lookalike:** Inter (Google Fonts) - **Fallback:** Helvetica, Arial - **Weights:** Regular, Light - **Case:** Uppercase - **Tracking:** Wide, about +6% - **Role:** French translation, volume line and back-panel copy. ### Type Scale Sizes are cap height as a share of the reference panel: Front of the 300 ml flip-cap shampoo bottle, cap excluded, about 150 mm tall. | Role | Font | Weight | Size | Case | Token | | --- | --- | --- | --- | --- | --- | | wordmark | Display | Medium | 5% of panel height | Uppercase | `--text-wordmark` | | product-name | Headline | Bold | 1.8% of panel height | Uppercase | `--text-product-name` | | translation | Body | Regular | 1.6% of panel height | Uppercase | `--text-translation` | | scent-line | Headline | Bold | 1.5% of panel height | Uppercase | `--text-scent-line` | | active-line | Headline | Bold | 1.5% of panel height | Uppercase | `--text-active-line` | | volume | Body | Light | 1.3% of panel height | Lowercase units | `--text-volume` | ## Structure & Materials - **Formats:** Flip-cap bottle, Jumbo pump bottle, Spray mist bottle, Airless tube, Wide jar, Travel sizes - **Materials:** Tinted translucent plastic, Opaque plastic, Frosted jar - **Closures:** Oversized flat ivory caps, ivory lotion pumps and tall ivory mist overcaps, the same colour on every product - **Decoration:** Direct-printed one-colour type, Gradient-ink wordmark on body crème, White rectangular label on fragrance mists ### Proportions | Purpose | Value | | --- | --- | | Wordmark position | About 30% down from the shoulder | | Wordmark width | About 35% of bottle width, centred | | Empty band | About 40% of front height empty between wordmark and product block | | Product block | Lower 25% of the body, centred | | Cap height | About 25% of total pack height on flip-cap bottles | | Colours per pack | Three: body tint, ivory closure, black ink | | Density | Very sparse: one word up top, one tiny block at the base | ### Shapes | Element | Shape | | --- | --- | | Bottle | Soft-shouldered rounded cylinder | | Cap | Oversized flat ivory cap | | Pump | Ivory lotion pump on jumbo bottles | | Fragrance label | White portrait rectangle | | Jar | Wide low frosted jar with ivory lid | ### Finishes | Finish | Where | Look | | --- | --- | --- | | Satin translucent plastic | Shampoo, conditioner and cleanser bottles | transparent | | Soft matte opaque | Hair gloss bottle and balm tube | matte | | Frosted jar | Body crème | frosted | | Gradient-ink print | Body-crème wordmark | gloss | | Paper-look label | Fragrance mists | uncoated | ## Pack Elements ### Four-letter wordmark **Role:** Brand block Widely tracked geometric capitals in black, about 35% of bottle width, alone 30% down from the shoulder. ### Tinted bottle **Role:** Range code Soft-shouldered translucent plastic bottle tinted one muted colour per product, such as sage (#b9c7ad). ### Ivory closure **Role:** Constant Oversized flat cap or lotion pump in ivory (#f3eee6), identical on every product. ### Bilingual block **Role:** Product data Centred English name in bold condensed capitals, French translation beneath, in the lower quarter. ### Scent line **Role:** Variant cue Bold capital line naming the place-named scent or key active below the translation. ### Mist label **Role:** Fragrance format White (#faf8f4) portrait label on a deep amber bottle carrying the same wordmark and block. ### Gradient wordmark **Role:** Body-crème variant Wordmark and text printed in an orange-to-pink sunset gradient on the frosted cream jar. ## Do's and Don'ts ### Do - Tint each bottle one muted translucent colour and keep every closure ivory (#f3eee6). - Set a short wordmark in widely tracked geometric capitals, black, alone about 30% down from the shoulder. - Leave a wide empty band between the wordmark and the product block. - Put a centred bilingual block (English, then French) in the lower quarter in tiny capitals. - Name scents after places and set them as one bold line under the translation. - Use a white rectangular label only on fragrance mists. ### Don't - Don't add pattern, imagery or illustration to the bottle. - Don't vary cap shape or colour between products. - Don't make the product name larger than the wordmark. - Don't use saturated or neon tints. - Don't use serif or script type. ## Surfaces | Level | Name | Value | Purpose | | --- | --- | --- | --- | | 0 | Sage Tint | `#b9c7ad` | Translucent tinted pack body | | 1 | Ivory Cap | `#f3eee6` | Shared closure colour on top of every bottle | | 2 | Mist Label White | `#faf8f4` | Applied label on fragrance mists only | ## Front Panel Layout No label on most packs: type is printed straight onto the tinted bottle, centred, with a wide empty band between the wordmark and the product block. | Zone | Content | | --- | --- | | Upper third | Four-letter wordmark alone | | Lower third | English product name, French translation, bold scent or active line | | Base | Volume in fl oz / ml | ## Range System Colour of the plastic identifies the product while bottle shape, ivory closure and type layout stay identical; scents are named after places and printed as a bold line in the product block. - Anti-dandruff = sage bottle - Body cleanser = champagne bottle + city scent line - Detox shampoo = amber jumbo pump - Bond repair balm = lilac tube - Hair gloss = cream bottle - Fragrance mist = deep amber bottle + white label ## Back of Pack The back is printed in the same black on the tinted plastic, centred: a short friendly paragraph, directions, the ingredient list and bilingual cautions in small uppercase, then volume, batch and recycling marks at the base. - Short paragraph on what the product does for the hair - Directions in English and French - Full INCI ingredient list - Cautions and period-after-opening symbol - Volume, batch code and recycling marks - Barcode and distributor address ## Imagery None on pack. Product shots are frontal on a warm greige paper backdrop; ingredient imagery (roses, citrus slices) appears only in flat-lay marketing around the bottle. ## On Shelf On shelf the bottles read as a soft gradient of tinted plastics under identical ivory caps, with the short black wordmark repeating at the same height on every bottle. ## Agent Prompt Guide Quick Color Reference: - Sage Tint: #b9c7ad — Translucent sage bottle of the anti-dandruff shampoo - Champagne Tint: #cfc6a8 — Pale gold translucent bottle of the body cleanser - Detox Amber: #a8603f — Rust-amber jumbo pump bottle of the detox shampoo - Ibiza Amber: #b2401f — Deep orange-red bottle of the fragrance mist, seen around the white label - Balm Lilac: #d7c0c4 — Dusty lilac airless tube of the bond repair balm - Gloss Cream: #ede0cc — Opaque warm cream bottle of the hair gloss and frosted body-crème jar - Ivory Cap: #f3eee6 — Wide flat caps, pump heads and jar lids shared across the whole range - Mist Label White: #faf8f4 — White rectangular label on fragrance-mist bottles - Salon Black: #1c1c1c — Wordmark, product names, bilingual descriptors and volume line - St Barts Sunset: #f08a3a — Orange-to-pink gradient ink used instead of black on the body-crème jar Create a soft-shouldered translucent sage (#b9c7ad) shampoo bottle with an oversized flat ivory (#f3eee6) flip cap about a quarter of the pack height. Print an original short wordmark in widely tracked geometric sans capitals in Salon Black (#1c1c1c), centred about 30% down from the shoulder, at about 35% of the width. In the lower quarter print a centred block: the English product name in bold condensed capitals, the French translation beneath, then a bold scent line named after a place. Finish with the volume in tiny light capitals and leave the middle 40% of the bottle empty. Make a deep amber (#b2401f) fragrance-mist bottle with a tall ivory overcap and a white portrait label holding the same wordmark and block. Image prompt: Product photo of a new hair-care brand in a sheer tinted style: three soft-shouldered translucent bottles in sage, champagne and rust amber, each with the same oversized flat ivory cap or pump, an original short wordmark in widely spaced geometric black capitals alone in the upper third, a wide empty band, and a tiny centred bilingual product block with a bold scent line near the base. No labels, no imagery. Warm greige paper backdrop, soft side light, studio product photography. Invent an original brand name and artwork; do not reproduce existing logos. ## Similar Brands - **Briogeo** — Also colour-codes hair care by bottle tint with small type, but uses opaque colours and busier fronts. - **Glossier** — Shares sparse direct print and one colour per product, but on white bodies with colour blocks and lowercase type. - **Ceremonia** — Similar soft tinted bottles and calm type in hair care, with warmer earthy tones and serif accents. - **Function of Beauty** — Uses tinted translucent bottles per product, with much louder type. ## 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-sage-tint: #b9c7ad; --color-champagne-tint: #cfc6a8; --color-detox-amber: #a8603f; --color-ibiza-amber: #b2401f; --color-balm-lilac: #d7c0c4; --color-gloss-cream: #ede0cc; --color-ivory-cap: #f3eee6; --color-mist-label-white: #faf8f4; --color-salon-black: #1c1c1c; --color-st-barts-sunset: #f08a3a; /* Typography — families (free lookalikes) */ --font-display: 'Jost', Futura, Avenir, 'Century Gothic'; --font-headline: 'Archivo Narrow', 'Arial Narrow Bold'; --font-body: 'Inter', Helvetica, Arial; /* Typography — illustrative scale, as a share of the panel (Front of the 300 ml flip-cap shampoo bottle, cap excluded, about 150 mm tall) */ --panel-height: 150mm; --text-wordmark: calc(var(--panel-height) * 0.05); --text-product-name: calc(var(--panel-height) * 0.018); --text-translation: calc(var(--panel-height) * 0.016); --text-scent-line: calc(var(--panel-height) * 0.015); --text-active-line: calc(var(--panel-height) * 0.015); --text-volume: calc(var(--panel-height) * 0.013); /* Proportions */ --wordmark-position: 30%; --wordmark-width: 35%; --empty-band: 40%; --product-block: 25%; --cap-height: 25%; /* Surfaces */ --surface-sage-tint: #b9c7ad; --surface-ivory-cap: #f3eee6; --surface-mist-label-white: #faf8f4; } ``` ### 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-sage-tint: #b9c7ad; --color-champagne-tint: #cfc6a8; --color-detox-amber: #a8603f; --color-ibiza-amber: #b2401f; --color-balm-lilac: #d7c0c4; --color-gloss-cream: #ede0cc; --color-ivory-cap: #f3eee6; --color-mist-label-white: #faf8f4; --color-salon-black: #1c1c1c; --color-st-barts-sunset: #f08a3a; /* Typography — families (free lookalikes) */ --font-display: 'Jost', Futura, Avenir, 'Century Gothic'; --font-headline: 'Archivo Narrow', 'Arial Narrow Bold'; --font-body: 'Inter', Helvetica, Arial; /* Typography — illustrative scale, as a share of the panel (Front of the 300 ml flip-cap shampoo bottle, cap excluded, about 150 mm tall) */ --panel-height: 150mm; --text-wordmark: calc(var(--panel-height) * 0.05); --text-product-name: calc(var(--panel-height) * 0.018); --text-translation: calc(var(--panel-height) * 0.016); --text-scent-line: calc(var(--panel-height) * 0.015); --text-active-line: calc(var(--panel-height) * 0.015); --text-volume: calc(var(--panel-height) * 0.013); /* Proportions */ --wordmark-position: 30%; --wordmark-width: 35%; --empty-band: 40%; --product-block: 25%; --cap-height: 25%; /* Surfaces */ } ```