Brand Identity Development

Hydrogen Magazine

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

Date
Feb 2005
Client
Suchaita Agarwal (Mumbai, India)
Discipline
Publishing, Editorial Media
Sector
Publishing
Dossier 37 / 37

About the project, our role, our approach

The introduction

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.

Set the masthead

Establish the split-wordmark as a flexible masthead.

Build the architecture

Build a section and cover architecture for issues.

Find the voice

Define a young, energetic editorial voice.

Ready the system

Set colour and type for print and screen.

  1. 01Discovery: study the audience, the competitive masthead landscape and the logic of the green/blue split.
  2. 02Essence: frame what 'hydro·gen' stands for as a publication.
  3. 03System: masthead behaviour, layout grid, colour and type for repeatable issues.

History and heritage

Brand origin story

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.

Mission, vision, promise, essence statement

Vision and mission

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.

The principles that guide Hydrogen Magazine

Core values

Freshness

Lead with what is new, not what is settled.

Clarity

Make complex ideas feel light and readable.

Energy

Pace and optimism in every page.

Independence

A point of view that is its own.

Meaning, culture, interpretation

Brand essence

Name and 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.

Archetype, personality, tone of voice

Brand archetype

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.

  • Primary, Explorer
  • Secondary, Creator
  • Fresh
  • Curious
  • Sharp
  • Optimistic
  • Light

Logo, typography, colour, mood

Visual identity

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.

FrauncesPrimary typeface

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

KarlaSecondary typeface

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

60%DominantHydro Green, Primary30%SecondaryGen Blue, Secondary10%AccentCharge Ink, Text / dot
Hydro Green, Primary
Gen Blue, Secondary
Charge Ink, Text / dot
Page White, Ground
  • Split wordmark
  • Charged dot
  • Droplets
  • Airy layouts
  • Green to blue
  • Periodic cue

First applications and handover

Business stationery

  1. 01Masthead system: primary, stacked and avatar forms of hydro·gen.
  2. 02Cover template: issue number, date and feature billing grid.
  3. 03Section dividers: colour-coded openers per editorial section.
  4. 04Letterhead: editorial correspondence and contributor notes.
  5. 05Business card: editor cards with the split mark.
  6. 06Social kit: profile, story and quote-card templates.

Clear space, minimum size, misuse

Logo usage

The mark, and how to protect it. Give it room, hold its proportions, and keep it on-system across every surface.

Hydrogen Magazine logo, clear space
Clear space equals half the mark height on every side.
Hydrogen Magazine logo at minimum size
24px minimum height for digital, to keep the mark legible.
Use the master mark, unaltered.
Do not stretch or distort
Do not rotate the mark
Do not recolour off-system
Do not add shadows or effects
Do not place on low contrast

In their words

Launching an editorial platform requires a brand that commands attention. The masthead and visual direction for Hydrogen set the tone for the entire publication: bold, insightful, and culturally relevant.
Suchaita Agarwal, Co-Founder & Editor-in-Chief
Read the case studyCollapse the case study

The struggle

Launching a new editorial media platform in a saturated digital landscape meant we had milliseconds to grab a reader's attention. We needed a masthead and visual identity that immediately signaled cultural relevance and intellectual weight.

The evaluation

We required a design language that was bold and unignorable, capable of setting a powerful tone for our journalism before a single word was read.

The execution

The creative direction was masterful. The masthead design and overarching visual guidelines were crafted to be striking and modern, providing a powerful structural grid for our editorial content.

The result

A commanding, culturally relevant brand identity that successfully launched the publication. It set a bold tone that resonated with our exact target demographic, driving immediate subscription growth and editorial credibility.