Brand assets

Content.One brand toolkit

Download official logos, marks, and wordmarks for marketing, press, and partner use. Use the correct color for the background and keep generous clear space.

Browse logos Color system
Logo suite

Alternate logo options

Choose the lockup that best fits the available space. For dark backgrounds, use the white versions. For light backgrounds, use black or royal blue.

Formats SVG, PNG
Primary color Royal blue
Content.One brand mark black

Brand Mark · Black

SVG
Content.One brand mark royal blue

Brand Mark · Royal

SVG
Content.One brand mark white

Brand Mark · White

SVG
Color system

Core palette

Primary blue anchors the identity, supported by status colors for product UI and marketing visuals.

Primary #4255BD
Warning #FFAB00
Info #0DCAF0
Danger #FF5630
Success #36B37E
Primary range
100 Lighter
200
300 Light
400
500 Main
600
700 Dark
800
900 Darker
Typography

Type scale and usage

Responsive type guidance for mobile and desktop layouts with sizing and tracking details.

Mobile
Heading 1
DM Sans Semibold
  • Size: 32/40
  • Character: -2
Heading 2
DM Sans Semibold
  • Size: 24/32
  • Character: -2
Heading 3
DM Sans Semibold
  • Size: 20/24
  • Character: -2
Heading 4
DM Sans Semibold
  • Size: 16/24
  • Character: -2
Heading 5
DM Sans Semibold
  • Size: 14/20
  • Character: 0
Heading 6
DM Sans Semibold
  • Size: 12/20
  • Character: 0
Body 1
Satoshi Regular
  • Size: 16/24
  • Character: 0
Body Medium
Satoshi Medium
  • Size: 16/24
  • Character: 0
Body 2
Satoshi Medium
  • Size: 14/20
  • Character: 0
Body Lead
Satoshi Medium
  • Size: 20/32
  • Character: 0
Capital text
Satoshi Bold
  • Size: 14/24
  • Character: 10
Button
Satoshi Bold
  • Size: 16/16
  • Character: 1
NavLink
Satoshi Medium
  • Size: 14/16
  • Character: 1
Desktop
Heading 1
DM Sans Semibold
  • Size: 64/72
  • Character: -3
Heading 2
DM Sans Semibold
  • Size: 32/40
  • Character: -2
Heading 3
DM Sans Semibold
  • Size: 24/32
  • Character: -2
Heading 4
DM Sans Semibold
  • Size: 20/24
  • Character: -2
Heading 5
DM Sans Semibold
  • Size: 16/24
  • Character: -2
Heading 6
DM Sans Semibold
  • Size: 14/20
  • Character: 0
Body 1
Satoshi Regular
  • Size: 16/24
  • Character: 0
Body Medium
Satoshi Medium
  • Size: 16/24
  • Character: 0
Body 2
Satoshi Medium
  • Size: 14/20
  • Character: 0
Body Lead
Satoshi Medium
  • Size: 20/32
  • Character: 0
Capital text
Satoshi Bold
  • Size: 14/24
  • Character: 10
Button
Satoshi Bold
  • Size: 16/16
  • Character: 1
NavLink
Satoshi Medium
  • Size: 14/16
  • Character: 1
Usage

Quick guidelines

Keep the logo legible and respect clear space. Don’t stretch, rotate, or add effects.

Do

  • Use the white logo on dark backgrounds.
  • Keep a healthy margin around the mark.
  • Scale proportionally without distortion.

Don’t

  • Change colors or add shadows.
  • Place the logo on busy imagery.
  • Recreate the wordmark in other fonts.