Halcyon State of Mind: A Brand Identity
We refreshed key elements of our brand identity to create a unique and consistent design language, representing the name and meaning of Halcyon, and what the brand stands for. We refined our color palette and gradients, and refined our approach to layout and design. There's also custom set of icons, too!
Let this page be your online guide with resources to aid you in bringing the Halcyon brand to life. Check back for updates!
Our brand mark represents Halcyon
Primary Brand Logo
The Halcyon logo is made up of the logomark ("the sun") and the wordmark. The Halcyon logomark represents the sun, its warmth, and the levels of protection that Halcyon provides.
The Halcyon wordmark is designed to be timeless, intelligent, and nostalgic. Never use the wordmark without the logomark, although at small sizes, you can use the logomark alone.
The Halcyon wordmark is designed to be timeless, intelligent, and nostalgic. Never use the wordmark without the logomark, although at small sizes, you can use the logomark alone.
Primary logo
Secondary Logo Applications
Vertical Logo / Positive (Light Backgrounds)
Gradient + Charcoal
Flat + Charcoal
Mono - Charcoal
Mono - Dark Navy
Vertical Logo / Negative (Dark Backgrounds)
Gradient + White
Flat + White
Mono - White
Horizontal Logo / Positive (Light Backgrounds)
Gradient + Charcoal
Flat + Charcoal
Mono - Charcoal
Mono - Dark Navy
Horizontal Logo / Negative (Dark Backgrounds)
Gradient + White
Flat + White
Mono - White
The full spectrum of Halcyon
Color Palette
Color plays an critical role in how the identity comes to life. Color amplifies brand expression and our personality. Our main brand colors come from the warm emotions that radiate from sunsets. These colors are used to exude warmth, joy, and a halcyon state of mind in all brand experiences.
Stick to the primary color palette in order to create consistency throughout brand interactions, and use the secondary color palette sparingly to enhance and support the primary colors. Our brand also includes both linear and freeform 'mesh' gradients for backgrounds.
Stick to the primary color palette in order to create consistency throughout brand interactions, and use the secondary color palette sparingly to enhance and support the primary colors. Our brand also includes both linear and freeform 'mesh' gradients for backgrounds.
Primary Colors
Name:
Sunbeam Yellow
Hex:
#FFAC2F
PMS:
137
Name:
Poppy Orange
Hex:
#FF8400
PMS:
1585
Name:
Fiery Red
Hex:
#F44544
PMS:
Warm Red
Name:
Light Sand
Hex:
#FFF7ED
PMS:
7500
Name:
Charcoal
Hex:
#212324
PMS:
426
Name:
Dark Navy
Hex:
#003058
PMS:
541
Name:
Midnight Navy
Hex:
#00182C
PMS:
289
Secondary Colors
Name:
Azure Blue
Hex:
#317CFE
PMS:
285
Name:
Ocean Teal
Hex:
#02BEB7
PMS:
2226
Name:
Sky Blue
Hex:
#52D5FF
PMS:
2985
Name:
Lime Green
Hex:
#53D86A
PMS:
360
Name:
Sage Purple
Hex:
#772DF2
PMS:
266
Warm Greys
Name:
Warm Grey 1
Hex:
#F9F8F7
PMS:
TBD
Name:
Warm Grey 2
Hex:
#F0EDE9
PMS:
TBD
Name:
Warm Grey 3
Hex:
#EAE7E3
PMS:
TBD
Name:
Warm Grey 4
Hex:
#DFDCD9
PMS:
TBD
Name:
Warm Grey 5
Hex:
#D1CFCC
PMS:
TBD
Name:
Warm Grey 6
Hex:
#C0BFBD
PMS:
TBD
Name:
Warm Grey 7
Hex:
#8B8A87
PMS:
TBD
Name:
Warm Grey 8
Hex:
#575551
PMS:
TBD
Name:
Warm Grey 9
Hex:
#212324
PMS:
TBD
Name:
Warm Grey 10
Hex:
#0F0D09
PMS:
TBD
Treating Type Consistently
Typography + Pairings
These typefaces were chosen and applied with accessibility and use at the core. It is important to consistently use these specific type pairings. Following these allows for clarity, consistency and strong hierarchy across all brand communications.
Primary Headline
Morion
ALL CAPS
ABCDFGHIHJKLMNPQRSTVWXYZ
SMALL CAPS
abcdefghijklmnpqrstvwxyz
NUMBERS & SYMBOLS
1234567890!@#$%&*
Secondary Headline + Body
Cabinet Grotesk
ALL CAPS
ABCDFGHIHJKLMNPQRSTVWXYZ
SMALL CAPS
abcdefghijklmnpqrstvwxyz
NUMBERS & SYMBOLS
1234567890!@#$%&*