Petabit Scale — Brand Asset Hub

01 — Logos

Lockups

Three lockups (horizontal, stacked, mark) × two color variants (color, on-dark). Use color on light/cream/controlled-charcoal surfaces; use on-dark on photography, gradients, or any variable ground. No white-silhouette variant exists — on-dark is the dark-bg treatment.

horizontal · color SVG PNG @1x @2x @3x

horizontal · on-dark SVG PNG @1x @2x @3x

stacked · color SVG PNG @1x @2x @3x

stacked · on-dark SVG PNG @1x @2x @3x

mark · color SVG PNG @1x @2x @3x

mark · on-dark SVG PNG @1x @2x @3x

Download all logos (ZIP) Min sizes: horizontal 120 px / stacked 80 px / mark 32 px. Clearspace = mark height. Never stretch, skew, rotate, or recolor.

02 — Colors

Canonical palette

Seven colors. No new hues, no recoloring of mark facets. Click a swatch to copy its hex.

palette.css palette.scss palette.json

03 — Typography

Type system

Three tiers — Raleway display, Lato headers, Open Sans body. All Google Fonts, SIL OFL. When unsure, pick the less-expressive tier.

Display tier · variable

Raleway

The opinionated engineer

Carrier-grade infrastructure

400ZR · 800ZR · EVPN-VXLAN

Hero headlines, oversized numerals, pull quotes. Light/Thin weights only at large sizes.

Headers tier · 6 static weights

Lato

Architect · Build · Supply

Vendor-independent architecture

Hyperscaler economics, without the hyperscaler.

H2/H3, navigation, button text, kickers, table headers, email body.

Body tier · variable

Open Sans

Petabit Scale architects, builds, and supplies the networks behind hyperscale AI compute.

Bold accents stay readable at body size.

Italics for asides, captions, and subtle emphasis.

Body copy, paragraphs, captions, dense technical content.

Download all fonts (ZIP) SIL Open Font License 1.1. Self-hosting recommended.

04 — Reference

Brand Guide

25-page PDF: full voice, visual system, lockup rules, typography reference, application examples.

Petabit Scale Brand Guide

Version 1.2 · April 2026 · 25 pages.

Distribute to vendors and partners alongside any logo handover.

Download PDF

Internal short URL: /guide

05 — Voice

Voice & messaging

How Petabit Scale sounds — across web, email, proposals, and social.

Seven attributes: carrier-grade, candid, independent, dense with substance, peer-facing, witty when warranted, formality-flexing. Archetype: the opinionated engineer.

Banned words include solutions (filler), transform/revolutionize, mission-critical, journey, synergy. Use-with-caution: next-generation, cutting-edge, industry-leading, scalable, carrier-grade, ecosystem.

Read full voice guidelines voice-guidelines.md brand-summary.json

06 — Implementation

Web snippets

Copy-paste-ready blocks for common surfaces. Full reference at web-snippets.md.

HTML — favicon block

<link rel="icon" type="image/svg+xml" href="/assets/brand/favicon/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/brand/favicon/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/brand/favicon/favicon-16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/brand/favicon/apple-touch-icon.png">
<meta name="theme-color" content="#1F272B">

CSS — palette + type tokens

@import url('https://branding.petabitscale.com/assets/brand/palette/palette.css');

:root {
  --ps-font-display: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --ps-font-header:  'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --ps-font-body:    'Open Sans', 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body {
  font-family: var(--ps-font-body);
  color: var(--ps-charcoal);
}
h1, h2, h3 {
  font-family: var(--ps-font-header);
  color: var(--ps-forest-green);
}
a { color: var(--ps-primary-teal); }

HTML — site header logo

<a href="/" class="ps-logo">
  <img src="https://branding.petabitscale.com/assets/brand/svg/petabit-scale-horizontal-color.svg"
       alt="Petabit Scale"
       width="240" height="49">
</a>

Brand asset hub

Petabit Scale Brand Guide