HCMA Brand Guidelines

A 97-page brand guideline for hcma, an interdisciplinary design firm, built on alternating terracotta dividers and cream content pages, a custom interlocking logomark, and a disciplined Neue Haas Grotesk and serif type system.

97 slides · Guideline

View deck overview
HCMA brand guidelines cover, editorial, minimal, warm
HCMA brand guidelines cover
Brand guidelines purpose statement, editorial, minimal, light
Brand guidelines purpose statement
Brand guidelines table of contents, editorial, minimal, light
Brand guidelines table of contents
Verbal identity section divider, editorial, minimal, warm
Verbal identity section divider
About hcma introduction, editorial, minimal, light
About hcma introduction
Why we show up belief statements, editorial, minimal, light
Why we show up belief statements
hcma in a nutshell messaging lengths, editorial, minimal, light
hcma in a nutshell messaging lengths
Our tagline curiosity applied, editorial, minimal, light
Our tagline curiosity applied
Brand equation compassion ideas action impact, editorial, minimal, light
Brand equation compassion ideas action impact
Words matter preferred noun, editorial, minimal, light
Words matter preferred noun
How we communicate voice principles, editorial, minimal, light
How we communicate voice principles
Audience and context formality scale, editorial, minimal, light
Audience and context formality scale
Verbal style guide writing rules grid, editorial, minimal, light
Verbal style guide writing rules grid
Indigenous languages writing guidance, editorial, minimal, light
Indigenous languages writing guidance
Visual identity section divider, editorial, minimal, warm
Visual identity section divider
Visual identity index thumbnail grid, editorial, minimal, light
Visual identity index thumbnail grid
Logo subsection divider, editorial, minimal, light
Logo subsection divider
Logo concept story, editorial, minimal, light
Logo concept story
Logo anatomy construction diagram, editorial, swiss, light
Logo anatomy construction diagram
Logo as physical wooden object, editorial, minimal, warm
Logo as physical wooden object
Logo 4:3 aspect ratio grid, editorial, swiss, light
Logo 4:3 aspect ratio grid
Logo scaling increments diagram, editorial, swiss, light
Logo scaling increments diagram
Logo minimum size specs, editorial, swiss, light
Logo minimum size specs
Logo clear space rule, editorial, swiss, light
Logo clear space rule
Logo co-branding layouts, editorial, swiss, light
Logo co-branding layouts
Logo no-goes grid, editorial, swiss, light
Logo no-goes grid
Tagline section divider, editorial, swiss, light
Tagline section divider
Tagline as pride and identity, editorial, minimal, warm
Tagline as pride and identity
Tagline loud and quiet uses, editorial, swiss, light
Tagline loud and quiet uses
Tagline as display element, editorial, minimal, light
Tagline as display element
Tagline and url placement, editorial, swiss, light
Tagline and url placement
Tagline no-goes grid, editorial, swiss, light
Tagline no-goes grid
Lockups section divider, editorial, swiss, light
Lockups section divider
Solo and co-branding lockup overview, editorial, swiss, light
Solo and co-branding lockup overview
Solo-branding lockup spec, editorial, swiss, light
Solo-branding lockup spec
Co-branding lockup spec, editorial, swiss, light
Co-branding lockup spec
Co-branding lockup usage and clear space, minimal, swiss, light
Co-branding lockup usage and clear space
Lockup no-goes, minimal, swiss, light
Lockup no-goes
Internal initiative lockups, minimal, swiss, light
Internal initiative lockups
Initiative lockups in use, minimal, swiss, light
Initiative lockups in use
Avatar section opener, minimal, swiss, light
Avatar section opener
Avatar introduction, minimal, swiss, light
Avatar introduction
Avatar anatomy, minimal, swiss, light
Avatar anatomy
Avatar in use, minimal, swiss, light
Avatar in use
Avatar aspect ratio, minimal, swiss, light
Avatar aspect ratio
Avatar minimum size, minimal, swiss, light
Avatar minimum size
Avatar clear space, minimal, swiss, light
Avatar clear space
Avatar frame space, minimal, swiss, light
Avatar frame space
Avatar no-goes, minimal, swiss, light
Avatar no-goes
Colour section opener, minimal, swiss, light
Colour section opener
Primary palette, minimal, swiss, light
Primary palette
Extended palette, minimal, swiss, light
Extended palette
Colour pairings, minimal, swiss, light
Colour pairings
Colour sub-palettes, minimal, swiss, light
Colour sub-palettes
HCMA colour and logo pairings grid, editorial, swiss, warm
HCMA colour and logo pairings grid
HCMA colour and avatar pairings grid, editorial, swiss, muted
HCMA colour and avatar pairings grid
HCMA colour usage across touchpoints, editorial, swiss, warm
HCMA colour usage across touchpoints
HCMA "type" section divider, minimal, swiss, light
HCMA "type" section divider
HCMA primary typeface, Neue Haas Grotesk, editorial, swiss, warm
HCMA primary typeface, Neue Haas Grotesk
HCMA secondary typeface, P22 Mackinac Pro, editorial, swiss, warm
HCMA secondary typeface, P22 Mackinac Pro
HCMA graphic typeface, Bolden, editorial, swiss, muted
HCMA graphic typeface, Bolden
HCMA hand annotations specimen, editorial, minimal, light
HCMA hand annotations specimen
HCMA book spread with hand annotations, editorial, swiss, warm
HCMA book spread with hand annotations
HCMA numerals and symbols, editorial, swiss, warm
HCMA numerals and symbols
HCMA typography styles and hierarchy, editorial, swiss, warm
HCMA typography styles and hierarchy
HCMA typographic rules, editorial, swiss, warm
HCMA typographic rules
HCMA typesetting addresses, editorial, swiss, warm
HCMA typesetting addresses
HCMA "imagery" section divider, minimal, swiss, light
HCMA "imagery" section divider
HCMA imagery overview, five photography categories, editorial, swiss, warm
HCMA imagery overview, five photography categories
HCMA primary portraits, celebrating individuals, editorial, swiss, warm
HCMA primary portraits, celebrating individuals
HCMA candid portraits, celebrating curiosity, editorial, swiss, warm
HCMA candid portraits, celebrating curiosity
HCMA group portraits, celebrating teams, editorial, swiss, warm
HCMA group portraits, celebrating teams
Celebrating places city life photography grid, editorial, swiss, light
Celebrating places city life photography grid
Celebrating process artefact photography grid, editorial, swiss, light
Celebrating process artefact photography grid
Celebrating product artefact photography grid, editorial, swiss, light
Celebrating product artefact photography grid
Photography no-goes do not use grid, editorial, swiss, light
Photography no-goes do not use grid
Graphics section opener, minimal, swiss, light
Graphics section opener
Graphic forms silhouette library, editorial, minimal, light
Graphic forms silhouette library
Patterns illustrations graphics two examples, editorial, minimal, light
Patterns illustrations graphics two examples
Graphic style varied portfolio grid, editorial, minimal, light
Graphic style varied portfolio grid
Artworks 4:3 format templates, editorial, minimal, light
Artworks 4:3 format templates
Logo as a graphic framing imagery, editorial, minimal, light
Logo as a graphic framing imagery
Logo as a graphic letter-sized crop templates, editorial, minimal, light
Logo as a graphic letter-sized crop templates
Logo as a graphic 16:9 crop templates, editorial, minimal, light
Logo as a graphic 16:9 crop templates
Logo as a graphic crop dos and donts, editorial, minimal, light
Logo as a graphic crop dos and donts
The squircle 4:3 brand shape, editorial, minimal, light
The squircle 4:3 brand shape
Squircle in motion states grid, editorial, minimal, light
Squircle in motion states grid
Organic org diagram impact cluster, editorial, minimal, light
Organic org diagram impact cluster
Applications section opener, minimal, swiss, light
Applications section opener
Letterhead stationery and template, editorial, minimal, light
Letterhead stationery and template
HCMA letterhead templates page, editorial, swiss, light
HCMA letterhead templates page
HCMA business cards page, editorial, swiss, light
HCMA business cards page
HCMA compliment cards page, editorial, minimal, light
HCMA compliment cards page
HCMA notebooks and sketch books page, editorial, swiss, light
HCMA notebooks and sketch books page
HCMA forms templates page, editorial, swiss, light
HCMA forms templates page
HCMA forms base grid page, editorial, swiss, light
HCMA forms base grid page
HCMA closing slide with office directory, editorial, swiss, warm
HCMA closing slide with office directory
HCMA Brand Guidelines — full deck · Inspiration by VASA Works