Brand guide

Welcome to the Weights & Biases Brand guide. Below you will find guidance on our visual identity and how it harmonizes and refines all assets across our platform. These foundational design elements serve as a compass for design direction, strengthen our messaging and tie into our company values.

Personality

Brand personality encompasses the style, language, and emotions conveyed in all brand communications, whether through written content, visual elements, or spoken interactions. 

Core principles

Meaningful design

The way we design shows what we stand for and highlights the important parts of our product. Our design uses shapes inspired by our interface, tying into our platform’s functionality, while creating consistent and recognizable design elements.

Human-centered design

It’s important to focus on our users. This involves learning about what our users want, how they behave, and the problems they face. By doing research and listening to feedback, we can make designs that really connect with our audience.

Accessibility

It’s crucial to follow WCAG principles for accessibility. This means making sure our interfaces can be seen, used, understood, and are strong enough for everyone to engage with. This ensures that our content is legible and digestible for all.

Tone of voice

Supportive

We keep it approachable without drowning in jargon, striking the balance between depth and clarity. The goal? Guiding and supporting your learning journey, offering practical insights, clear direction, and resources. Let’s foster a supportive community while delivering valuable guidance and knowledge.

Approachable

We’re all about keeping things clean and focused in our design approach—no need for distracting or unnecessary elements that might overwhelm you. Our goal? To serve up information that’s easily absorbed, ensuring the key points shine through without any fuss.

Confident

Every design choice is crafted to avoid confusion or ambiguity. Our goal is to offer our audience a crystal-clear understanding of our objectives, values, and the specific actions we want them to embrace.

Logo

Our primary logo stands as the main identifier of our brand. It should always be the default choice, prominently featured across various platforms such as our website and printed materials. However, it’s crucial to maintain legibility and adhere to the anatomy guidelines. See recommended spacing below.

Primary

Secondary

Our secondary logo should be used to enhance readability in layouts. By stacking the words, the length decreases and the size of the pictorial mark increases. Use this orientation to increase visibility on smaller assets.

Tertiary

Our tertiary logo has a similar use case as the secondary but is best suited for center aligned content. Use this orientation in scenarios where the center aligned logo fits more naturally like circular containers, swag items, signage, and more.

Pictorial mark

Our pictorial mark conveys the essence of our brand. Use this orientation in scenarios involving swag, product interfaces, and web. The association with Weights & Biases must be clear before using this mark independent of the words Weights & Biases.

Logomark

Primary (horizontal)

Secondary (block)

Tertiary (vertical)

Guidelines

Color

Using color to establish and maintain a brand identity is a fundamental aspect of branding and design. It’s a powerful tool for creating a consistent and memorable brand experience across various products and platforms

Primary colors

A
Pass
A
Pass
A
Fail
A
Fail
Name: Moon-900
Hex: 1A1D24
RGB: 23, 26, 31
A
Pass
A
Pass
A
Fail
A
Fail
Name: Gold-450
Hex: FAC13C
RGB: 250, 193, 60
A
Pass
A
Pass
A
Fail
A
Fail
Name: Moon-50
Hex: FAFAFA
RGB: 250, 250, 250

Secondary colors

A
Pass
A
Pass
A
Fail
A
Fail
Name: Teal-450
Hex:10BFCC
RGB: 16, 191, 204
A
Pass
A
Pass
A
Fail
A
Fail
Name: Moon-450
Hex: 8E949E
RGB: 142, 191, 204