DateFeb 2005
ClientSuchaita Agarwal (Mumbai, India)
DisciplinePublishing · Editorial Media

Brand Identity Development

Hydrogen Magazine.

Hydrogen Magazine logo

An editorial brand that splits its name in two — and turns the gap into its whole point of view.

00

The Contents

01

The Introduction

About the project · our role · our approach

About the Project

Hydrogen is a magazine brand built on a single typographic idea: the name breaks into 'hydro' and 'gen', joined by a charged dot. Mohammed Vaseeuddin was asked to grow that idea into a full editorial identity — masthead, section system and a voice — that feels light, current and unmistakably its own.

Our Role — Mohammed Vaseeuddin

  • Establish the split-wordmark as a flexible masthead
  • Build a section and cover architecture for issues
  • Define a young, energetic editorial voice
  • Set colour and type for print and screen

01Discovery

Study the audience, the competitive masthead landscape and the logic of the green/blue split.

02Essence

Frame what 'hydro·gen' stands for as a publication.

03System

Masthead behaviour, layout grid, colour and type for repeatable issues.

02

Brand Origin Story

History & heritage

Hydrogen began with a wordplay that refused to sit still — the most abundant, energising element in the universe, and a name that literally generates ('-gen') from water ('hydro-'). The two-tone split and the charged dot turned that idea into a mark: a publication about the fresh, the elemental and the next generation of ideas.

03

Vision & Mission

Mission · vision · promise · essence statement

Mission — what we do today

To publish stories that feel fresh, energising and ahead of the curve.

Vision — future aspiration

To be the masthead a new generation associates with clarity and energy.

Brand Promise

Every issue should feel like a clean breath of something new.

Brand Essence Statement

Hydrogen is elemental energy in print — light, charged and generative.

04

Core Values

The principles that guide Hydrogen Magazine

FreshnessLead with what is new, not what is settled.
ClarityMake complex ideas feel light and readable.
EnergyPace and optimism in every page.
IndependenceA point of view that is its own.
05

Brand Essence

Meaning · culture · interpretation

Name & symbol

Hydrogen — the lightest, most abundant element; the split 'hydro·gen' frames the brand as something that generates energy from simple sources.

Cultural resonance

A masthead is a badge readers wear. The green-to-blue split reads as natural energy meeting clean modernity.

Emotional recipe

Curiosity, optimism and lightness — the feeling of being early to something good.

Interpretation for the brand

Protect the split and the charged dot; let colour carry sections and keep layouts airy.

06

Brand Archetype

Archetype · personality · tone of voice

Primary — ExplorerSecondary — Creator

Curious, optimistic and quick — Hydrogen writes like a sharp friend who reads everything first and tells you what matters without the jargon. Confident, never heavy.

FreshCuriousSharpOptimisticLight
07

Visual Identity

Logo · typography · colour · mood

Primary typeface
Fraunces

A characterful high-contrast serif that echoes the playful curves of the wordmark — for the masthead and feature headlines.

Secondary typeface
Karla

A clean, friendly grotesque for body text, captions and decks across print and web.

Hydro Green
Primary
HEX#5BC417
RGB91·196·23
CMYK54·0·88·23
PANTONEnearest — confirm on press
Gen Blue
Secondary
HEX#1E7FE0
RGB30·127·224
CMYK87·43·0·12
PANTONEnearest — confirm on press
Charge Ink
Text / dot
HEX#2A2D33
RGB42·45·51
CMYK18·12·0·80
PANTONEnearest — confirm on press
Page White
Ground
HEX#F4F4EF
RGB244·244·239
CMYK0·0·2·4
PANTONEnearest — confirm on press
Mood board direction

Bright editorial spreads, generous white space, bubbles and droplets, periodic-table cues and a confident green-to-blue gradient. Modern, scientific and buoyant — never clinical.

Split wordmarkCharged dotDropletsAiry layoutsGreen→bluePeriodic cue
08

Business Stationery

First applications & handover

Masthead systemPrimary, stacked and avatar forms of hydro·gen.
Cover templateIssue number, date and feature billing grid.
Section dividersColour-coded openers per editorial section.
LetterheadEditorial correspondence and contributor notes.
Business cardEditor cards with the split mark.
Social kitProfile, story and quote-card templates.

Thank You.

Mohammed Vaseeuddin

where reason meets resonance