Reflex

Brand assets

Download brand kit

Logos, color, glass, and type for representing Reflex. Download the whole kit, or take what you need from each section.

Color

White, gray, and ink.

Quiet is part of the identity. Gray frames the focus, white gives it room, and ink carries text and actions.

White

#FFFFFF

rgb(255, 255, 255)

Pages, navigation, and footers

Gray

#F6F6F6

rgb(246, 246, 246)

Heroes, feature panels, and closing calls to action

Ink

#181818

rgb(24, 24, 24)

Text and actions

Charcoal

#1C1C1E

rgb(28, 28, 30)

The logo's backdrop

Logo palette

Color, from our logos.

Six gradients drawn from the logo treatments. Use one complete treatment per composition, and keep text and controls on clear, high-contrast surfaces.

Image

Graphite

#45484D to #151719

Image

Nocturne

#20212E to #080A10

Image

Iris

#5C52B4 to #24264C

Image

Pearl

#F4F4F1 to #DFE3E8

Image

Glacial

#E2EEF4 to #A7C2D5

Image

Spectrum

#414567 to #171C32

Material

Glass, used sparingly.

Four core treatments: Glacial and Pearl for everyday use, Iris and Aurora for occasional emphasis. Use glass to frame something worth seeing, one treatment per composition.

Glacial

Everyday

Pearl

Everyday

Iris

Occasional emphasis

Aurora

Occasional emphasis

Type

Geist for display, Inter for everything else.

Geist sets headlines and large numbers in a light weight. Inter handles body copy, labels, and controls.

Aa

Your business. Your software.

Geist

Headlines and large numbers · Light 300 · Regular 400

Aa

Clear, human language. Short sentences. Real intent.

Inter

Body copy, labels, and controls · Regular 400 · Medium 500