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
Give the logo sufficient padding on all sides.
Trap the logo in a tight box or boundary.
Scale the logo proportionally.
Stretch, squash, or distort the logo.
Place the logo on calm, high-contrast backgrounds.
Use the logo on busy or distracting imagery.