TATTWA BREW.
Five Elements. Five Expressions.
A conceptual coffee brand and website experience inspired by Panchamahabhuta — the five elements. Each coffee expression connects an elemental identity with its own flavour profile and visual story.
The opportunity
Explore how a coffee brand can make product discovery more expressive through meaningful storytelling and a distinctive visual system.
The proposed solution
A website that introduces five elemental coffee identities through individual product pages, imagery, flavour information and brand narrative.
FIVE ELEMENTS. FIVE PERSONALITIES.
Each elemental expression has its own visual identity, roast character and tasting notes, creating a coherent product family without making every coffee look the same.
Concept development
Describe how you developed the five-element concept, explored coffee identities and selected the visual direction.
ONE BRAND. FIVE DISTINCT EXPRESSIONS.
The packaging system uses a shared composition, serif typography, bilingual naming and element-specific colours to make the five coffees recognisable as one collection.
Colour as identity
Each coffee uses a different colour to distinguish its elemental personality, while consistent packaging architecture maintains recognition across the range.
Type as character
Large serif product names establish a premium editorial character, supported by bilingual details and a consistent information hierarchy.
FROM PACKAGING TO PIXELS.
The website extends the packaging system into a digital experience, using elemental imagery, collection browsing and individual coffee pages to bring each expression to life.
01 / THE COLLECTION PAGE
02 / ELEMENT PRODUCT PAGE
PRITHVI / EARTH
VAYU / AIR
MAKE EVERY ELEMENT FEEL DIFFERENT.
Each elemental coffee has its own colour, imagery and flavour profile, while the shared layout, navigation and typographic system maintain consistency across the website.
The Figma connection map documents the structure and transitions between collection screens and individual product experiences. It is shown as a design-process artifact.
MORE THAN JUST A COFFEE BRAND.
What I explored
Tattwa Brew explores how a single conceptual framework can guide packaging, visual identity, product storytelling and website design without losing consistency.
What I'd explore next
I would test whether visitors understand the five-element navigation and whether the storytelling helps them compare and choose coffee products.
