[ Resources ]

Design & brand

Signal Studio logo, colors, and usage rules. Download the marks, copy the exact hex values, and keep the brand consistent wherever it appears.

[ 01 ]

Logo

Two marks, two backgrounds, no exceptions. Dark files on dark, light files on light, SVG as the source format.

[ 02 ]

Brand color

Yellow as the primary color

  • The Signal Studio wordmark on Brand Dark.
  • The Signal Studio wordmark on Brand Yellow.

[ 03 ]

Colors

Click any hex value to copy it.

[ 04 ]

Typography

One family carries everything. Body copy sits one weight down, and monospace is reserved for AI mode.

[ 05 ]

Usage

Most of the rules come down to restraint. Sharp corners, sentence case.

  • Do's

    • Use dark-background files on dark backgrounds, light-background files on light.
    • Keep sentence case on every piece of UI text.
  • Don'ts

    • Recolor the logo to anything outside this palette.
    • Place a dark-background mark on a light background, or the reverse.

[ 06 ]

Downloads

Everything on this page, packaged. A zip for humans and a markdown twin for agents.

Signal Studio
Book a Discovery call
BRAND.MD BRAND

# Brand

 

Signal Studio's logo, colour palette, typefaces and usage rules. Download the marks, copy the exact hex values, and keep the brand consistent everywhere.

 

// Resources

## Design & brand

 

Signal Studio logo, colors, and usage rules. Download the marks, copy the exact hex values, and keep the brand consistent wherever it appears.

 

// 01

## Logo

 

Two marks, two backgrounds, no exceptions. Dark files on dark, light files on light, SVG as the source format.

 

- Wordmark, dark background

- Copy SVG

/brand/signal-studio-wordmark-dark-bg.svg

 

- [SVG](/brand/signal-studio-wordmark-dark-bg.svg)

- [PNG](/brand/signal-studio-wordmark-dark-bg-2x.png)

 

- Wordmark, light background

- Copy SVG

/brand/signal-studio-wordmark-light-bg.svg

 

- [SVG](/brand/signal-studio-wordmark-light-bg.svg)

- [PNG](/brand/signal-studio-wordmark-light-bg-2x.png)

 

 

// 02

## Brand color

 

Yellow as the primary color

 

- #161712 - color-ink-950

- #CFED4C - color-brand-500

 

// 03

## Colors

 

Click any hex value to copy it.

 

- #CFED4C - color-brand-500

- #161712 - color-ink-950

- #F5F5F5 - color-smoke-100

- #000000 - color-black

- #212121 - color-ink-900

- #FFFFFF - color-paper

- #CCCCCC - color-neutral-300

- #666666 - color-neutral-500

 

// 04

## Typography

 

One family carries everything. Body copy sits one weight down, and monospace is reserved for AI mode.

 

- Primary font for human mode

Switzer

 

- [Get the font](https://www.fontshare.com/fonts/switzer)

 

- Primary font for AI mode

Azeret Mono

 

- [Get the font](https://fonts.google.com/specimen/Azeret+Mono)

 

 

// 05

## Usage

 

Most of the rules come down to restraint. Sharp corners, sentence case.

 

- Do's

- Use dark-background files on dark backgrounds, light-background files on light.

- Keep sentence case on every piece of UI text.

 

- Don'ts

- Recolor the logo to anything outside this palette.

- Place a dark-background mark on a light background, or the reverse.

 

 

// 06

## Downloads

 

Everything on this page, packaged. A zip for humans and a markdown twin for agents.

 

- Every variant in both formats

- [Download Zip](/brand/signal-studio-brand.zip)

- The same assets ready to paste

- [Read brand.md](/brand.md)