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: 171A1F
RGB: 23, 26, 31
A
Pass
A
Pass
A
Fail
A
Fail
Name: Gold-450
Hex: FCBC32
RGB: 252, 188, 50
A
Pass
A
Pass
A
Fail
A
Fail
Name: Moon-50
Hex: FDFDFD
RGB: 253, 253, 253

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: 8F949E
RGB: 143, 148, 158

Incorrect use

Don’t create new colors

Lorem ipsum dolor adipiscing elit, sed do eiusmod tempor

Don’t let color impair readability
Don’t manipulate the opacity of colors

Typeface

Our selected fonts epitomize reliability, a timeless aesthetic, and prioritize legibility. We capitalize the first word of sentences and proper nouns, including titles and names, while using lowercase for everything else. Buttons are consistently styled in all caps.

Our fonts

Aa

Source Serif Pro

Source Serif 4 is our primary typeface and is primarily used in large headlines and titles. The default weight to use is Regular. The supporting weights of Source Sans 3 may also be used, but usually for emphasis in smaller applications such as subheads, captions, tables, charts and folios. In cases where Source Serif 4 is not available, use Times New Roman as a substitute.

Aa

Source Sans Pro

Source Sans 3 is our secondary typeface. Sentence case are preferred. Only use all caps in small instances such as charts, labels and UI navigation. The default weight to use is Regular. In cases where legibility is an issue, use Semi-Bold. In cases where Source Serif 4 is not available, use Calibri as a substitute.

Incorrect color use

Source Serif 4 is our primary typeface. Title and sentence case are preferred. Only use all caps in small instances such as charts, labels and UI navigation. The default weight

Don’t use all caps

Lorem ipsum dolor adipiscing elit, sed dolor adipiscing elit, sed do eiusmod tempor

Don’t mix font weights

Lorem ipsum dolor adipiscing elit, sed

Don’t layer type over photography

Product architecture

Our product logos are categorized according to our platforms: Weave, Models, and Core. The product architecture image demonstrates how our products enable users to develop better models and GenAI applications faster. Use these images for slide decks, one-pagers, and similar marketing assets to showcase Weights & Biases’ value.

Weights & Biases AI developer platform

Product Logos

Models

Experiments

Track and visualize your ML experiments

Sweeps

Optimize your hyperparameters

Registry

Publish and share your ML models and datasets

Automations

Trigger workflows automatically

Weave

Traces

Explore and debug LLMS

Evaluations

Rigorous evaluations of GenAI applications

Guardrails

Block prompt attacks and harmful outputs

Core

Artifacts

Version and manage your ML pipelines

Tables

Visualize and explore your ML data

Reports

Document and share your ML insights

SDK

Log ML experiments and artifacts at scale

The Weights & Biases end-to-end AI developer platform

Weave

Traces

Debug agents and AI applications

Evaluations

Rigorous evaluations of agentic AI systems

Playground

Explore prompts
and models

Agents

Observability tools for agentic systems

Guardrails

Block prompt attacks and harmful outputs

Models

Experiments

Track and visualize your ML experiments

Sweeps

Optimize your hyperparameters

Tables

Visualize and explore your ML data

Core

Registry

Publish and share your AI models and datasets

Artifacts

Version and manage your AI pipelines

Reports

Document and share your AI insights

SDK

Log AI experiments and artifacts at scale

Automations

Trigger workflows automatically

The Weights & Biases platform helps you streamline your workflow from end to end

Models

Experiments

Track and visualize your ML experiments

Sweeps

Optimize your hyperparameters

Registry

Publish and share your ML models and datasets

Automations

Trigger workflows automatically

Weave

Traces

Explore and
debug LLMs

Evaluations

Rigorous evaluations of GenAI applications

Core

Artifacts

Version and manage your ML pipelines

Tables

Visualize and explore your ML data

Reports

Document and share your ML insights

SDK

Log ML experiments and artifacts at scale

Models

Experiments

Track and visualize your ML experiments

Sweeps

Optimize your hyperparameters

Registry

Publish & share your ML models & datasets

Automations

Trigger workflows automatically

Launch

Package and run your ML workflow jobs

Weave

Traces

Monitor and debug
LLMs and prompts

Evaluations

Rigorous evaluations of GenAI applications

Core

Artifacts

Version and manage
your ML pipelines

Tables

Visualize and explore your ML data

Reports

Document and share your ML insights

SDK

Log ML experiments and artifacts at scale