Brand Guidelines

01

Overview

02

Logo

03

Typography

04

Colors

05

Key Visuals

06

Iconography

07

Brand Usage

08

Resources

Version

1.2

Updated

9 July, 2025

Brand Guidelines

01

Overview

02

Logo

03

Typography

04

Colors

05

Key Visuals

06

Iconography

07

Brand Usage

08

Resources

Version

1.2

Updated

9 July, 2025

04

Colors

04

Colors

The palette is predominantly greyscale: black and white define the space, with sparing use of grey tones in typography and UI. This contrast sharpens focus and highlights core content, while keeping visual noise to a minimum.

Color Palette

The palette is predominantly greyscale: black and white define the space, with sparing use of grey tones in typography and UI. This contrast sharpens focus and highlights core content, while keeping visual noise to a minimum.

White

HEX

#

FFFFFF

R

255

G

255

B

255

Copy HEX

White

HEX

#

FFFFFF

R

255

G

255

B

255

Copy HEX

Ash

HEX

#

999999

R

153

G

153

B

153

Copy HEX

Ash

HEX

#

999999

R

153

G

153

B

153

Copy HEX

Black

HEX

#

000000

R

0

G

0

B

0

Copy HEX

Black

HEX

#

000000

R

0

G

0

B

0

Copy HEX

Mist

HEX

#

F2F2F2

R

242

G

242

B

242

Copy HEX

Mist

HEX

#

F2F2F2

R

242

G

242

B

242

Copy HEX

Slate

HEX

#

666666

R

102

G

102

B

102

Copy HEX

Slate

HEX

#

666666

R

102

G

102

B

102

Copy HEX

Gradient 01

#

262626

#

303030

Copy HEX

Stone

HEX

#

D9D9D9

R

217

G

217

B

217

Copy HEX

Stone

HEX

#

D9D9D9

R

217

G

217

B

217

Copy HEX

Charcoal

HEX

#

404040

R

64

G

64

B

64

Copy HEX

Charcoal

HEX

#

404040

R

64

G

64

B

64

Copy HEX

Gradient 02

#

000000

#

1f1f1f

Copy HEX

Website

The website color system is built on high-contrast black and white, creating a bold, minimal canvas that prioritizes clarity and function. Greys are introduced selectively for UI elements, hover states, and typographic hierarchy and never as decorative filler.

Website

The website color system is built on high-contrast black and white, creating a bold, minimal canvas that prioritizes clarity and function. Greys are introduced selectively for UI elements, hover states, and typographic hierarchy and never as decorative filler.

© 2025 a37 Inc.

© 2025 a37 Inc.