Digital Instrument

Premium yet
approachable Taste Experience

This cinematic styleguide defines the tactile, European, and honest digital presence for vomFASS Asia.

Look, Taste, Enjoy.

Typography

Our typographic system bridges the gap between approachable retail and high-end editorial design.

Headings & DisplayRecoleta

Aa

Enjoyment in Every Drop.

Used for large hero moments, section titles, and dramatic typographic layouts. Bring warmth and substance.

Body & UI StructureCera Pro

Aa

Honest, straightforward, and highly legible.

Cera Pro anchors the design system. It is used for all long-form reading, UI elements, and supporting text. Its calm geometry balances the expressive curves of Recoleta.

Utility & LabelsCera Condensed

Premium Selection

Used sparingly for overlines, compact labels, and structured data layouts where horizontal space is premium.

Handwritten AccentVanderHand

Handmade with love.

A warm human touch used exceptionally sparingly for notes, signatures, or highlights. Never used for long text.

Color Palette

A harmonious collection inspired by nature, glass, and tactile materials. The primary palette establishes the premium foundation, while the expanded secondary palette manages specific accents and design elements.

Primary Color

Forest Green Dunkelgrün

Dominates as the primary surface color for a high-quality, premium overall impression.

HEX#18504B
RGB18 81 75
CMYK90 50 65 35
Pantone560C / 560U
RAL6004

Primary Color

Slate Schiefergrün

Supporting dark. Subtle depth for surfaces.

HEX#253D39
RGB37 61 57
CMYK80 50 80 60
Pantone5477C / 627U
RAL6012

Secondary Color

Teal Türkis

Used as the core accent color, providing energy and freshness.

HEX#4BA490
RGB75 164 144
CMYK70 15 45 0
Pantone2462C / 7473U
RAL6033
NCSS 0357-B50G

Secondary Color

Light Beige Hell Beige

Soft secondary background, bringing warmth.

HEX#E1D7C6
RGB226 215 198
CMYK10 12 22 5
Pantone7527C / 7527U
RAL1013
NCSS 1505-Y20R

Secondary Color

Charcoal Schwarz

High contrast text and bold elements.

HEX#231F20
RGB35 31 32
CMYK0 0 0 100
RAL9005

Secondary Colors

A vibrant matrix of supplementary tones utilized deliberately for specific graphic overlays, data accents, and premium branding moments.

HEX#BAC350
RGB186 195 80
CMYK35 10 80 0
Pantone4234C / 7744U
HEX#E684AD
RGB226 131 171
CMYK7 80 7 0
Pantone204C / 6057U
HEX#D99714
RGB217 151 20
CMYK0 36 100 15
HEX#F9E88D
RGB245 229 140
CMYK5 5 55 0
Pantone601C
HEX#C09B63
RGB195 149 101
CMYK20 40 65 5
Pantone728C / 7407U
HEX#A63F2B
RGB166 63 43
CMYK24 86 92 17
HEX#E9F1CA
RGB233 241 202
CMYK9 0 25 0
HEX#DB2228
RGB219 44 40
CMYK8 99 98 1
Pantone4059C / 3517U
Aroma Identification

Taste Illustrations

Botanical vector illustrations are structurally incorporated into the branding to visually convey specific aroma and tasting notes before the liquid is even sampled, heavily reinforcing the brand's natural authenticity.

vomFASS Taste Illustrations

Application Prototypes

Real-world deployment mappings of the aroma vectors across product labeling. Note the structural alignment and typographic grouping interacting beneath the primary illustration assets.

Aroma Illustration Prototype 1
Aroma Illustration Prototype 2
Aroma Illustration Prototype 3
Aroma Illustration Prototype 4
Retail Execution

Branding Examples

Translating the abstract digital framework into tangible, tactile, and deeply honest retail touchpoints. Heavy natural materials converge with strict typographic precision to express the premium brand identity.

vomFASS Hangtag Example

The Hangtag

Precision utility formatting utilizing Cera Pro Regular for functional data delivery, anchored by the iconic Recoleta headline.

Typographic EngineRecoleta & Cera Pro Regular
vomFASS Tote Bag Example

Tote Bag

The deep forest green bag paired with the Light Beige master brand logo offers a timeless, natural contrast. A premium yet naturally understated retail carriage.

Material & ColorForest Green & Light Beige
vomFASS Sour Cherry Label

Liqueur Label: Sour Cherry

Headline Cera Pro Medium, body type with Cera Pro regular. Added flavour illustration to convey the taste.

Typographic EngineCera Pro Medium & Regular
vomFASS Liqueur Label

Liqueur Label: Caipirinha Lime

Headline Cera Pro Medium, body type with Cera Pro regular. Added flavour illustration to convey the taste.

Typographic EngineCera Pro Medium & Regular

Brand Assets

The vomFASS logo is our signature. It requires premium whitespace, restrained framing, and calm presentation.

vomFASS Forest Logo

Primary Positive

Used on light backgrounds (Canvas or very light paper textures). This is the default logo application.

vomFASS Canvas Logo

Primary Negative

Used on dark backgrounds (Forest, Slate, or Charcoal). Ensures maximum legibility and contrast.

Logo Clear Space

The logo must always be surrounded by sufficient clear space to ensure its visibility and impact. Let the brand breathe.

vomFASS Canvas Logo Clear Space