Brand

This page outlines the core elements of the AppSignal brand. Use the assets below and follow the guidelines to ensure consistent and correct usage.

Our primary brand color

The primary AppSignal brand color we are using for the product is #1B44DA. Use this color as the main brand identifier across interfaces and materials.

Font Stack

Source Sans 3

We use Source Sans 3 as the primary body text. You can apply it by using the font-body class.

Special Gothic 400

Special Gothic 400 is used as an accent typeface. This class should be applied sparingly to add character and visual interest. You can apply it by using the type-display class.

JetBrains Mono 400

JetBrains Mono 400 is reserved as a secondary accent to add contrast or technical character. You can apply it by using the font-code class.

Logo

 

Our logo guidelines

Do

Give the logo sufficient padding on all sides.

Don't

Trap the logo in a tight box or boundary.

Do

Scale the logo proportionally.

Don't

Stretch, squash, or distort the logo.

Do

Place the logo on calm, high-contrast backgrounds.

Don't

Use the logo on busy or distracting imagery.