Company / Brand

The Cloudsmith Brand

Brand Assets

The updated Cloudsmith brand has been carefully constructed for usage across digital and physical media. Please adhere to our simple brand guidelines, and consult our optical sizing guide. For most use digital cases - web, app, mobile - the M / S / XS variants are recommended.
Brand guidelines

Brand Guidelines

Basic information about our brand, colors, typography, logo usage
Optical sizing examples

Optical Sizing Examples

Examples of the Cloudsmith logo in various optical sizes. For most digital uses, M / S / XS variants are recommended.
Cloudsmith logo

Cloudsmith Logo

Download variants of the Cloudsmith logo & symbol. Please refer to brand guidelines and optical sizing examples. For most digital uses, M / S / XS variants are recommended.

Primary Colors

The primary colors are centered around the strong brand blue and encourage the generous use of whitespace.

Primary Color

Cloudsmith Blue
  • Hex: #2A6FE1
  • Opacity: 100%
  • Usage: Primary accent color, actions (links, buttons)
Illustration

Primary Color

Cloudsmith Cool Grey
  • Hex: #F1F3F6
  • Opacity: 100%
  • Usage: Alternative background to white
Illustration

Primary Color

Cloudsmith Cool Black
  • Hex: #092F45
  • Opacity: 100%, 65%, 50%, 10%
  • Usage: Default Text (100%), Secondary Text (65%), Tertiary Text (50%), Borders (10%)
Illustration

Secondary Colors

Our secondary accent colors are used sparingly - to create highlights in illustrations, subtle gradients, and backgrounds.

Secondary / Accent Color

Cloudsmith Teal
  • Hex: #85DABB
  • Opacity: 100%
  • Usage: Accent color
Illustration

Secondary / Accent Color

Cloudsmith Yellow
  • Hex: #FFD482
  • Opacity: 100%
  • Usage: Accent color
Illustration

Secondary / Accent Color

Cloudsmith Salmon
  • Hex: #ECA283
  • Opacity: 100%
  • Usage: Accent color
Illustration

Secondary / Accent Color

Cloudsmith Purple
  • Hex: #915EFF
  • Opacity: 100%
  • Usage: Accent color
Illustration