Brand Assets

Download official Plasmate logos, lockups, badges, and brand resources. All assets are available for use under the Apache 2.0 license.

Brandmark

The Plasmate mark is a stylized "P" whose vertical stroke disperses into particles at the top, representing matter transitioning into plasma.

Variant	Preview	Download
Default (gradient)		SVG / PNG 512px
On dark background		PNG
On light background		PNG
Transparent		PNG

Full Lockup

The full lockup combines the P mark with the "PLASMATE" wordmark in Space Grotesk SemiBold.

Variant	Download
Dark background (Ember mark + Plasma White text on Core Black)	SVG
Light background (Ember mark + Core Black text on Plasma White)	SVG

"Works with Plasmate" Badge

Use this badge in your README, docs, or marketing materials to indicate your project integrates with Plasmate.

Variant	Preview	Embed
Dark		SVG
Light		SVG

Markdown embed:

[![Works with Plasmate](https://docs.plasmate.app/brand/badge/works-with-plasmate-dark.svg)](https://plasmate.app)

HTML embed:

<a href="https://plasmate.app">
  <img src="https://docs.plasmate.app/brand/badge/works-with-plasmate-dark.svg"
       alt="Works with Plasmate" height="36">
</a>

Color Palette

Primary

Name	Hex	RGB	Usage
Ember	`#E8853A`	232, 133, 58	Primary brand color. Wordmark, CTAs, key accents.
Core Black	`#0D0D0D`	13, 13, 13	Primary text, dark backgrounds.
Plasma White	`#F0EDE8`	240, 237, 232	Light backgrounds. Warm white.

Secondary

Name	Hex	RGB	Usage
Arc	`#3D8FD4`	61, 143, 212	Links, interactive states, code highlights.
Ion	`#D4C5A0`	212, 197, 160	Cards, subtle backgrounds.
Ash	`#6B6560`	107, 101, 96	Muted text, captions, borders.
Corona	`#F5C842`	245, 200, 66	Highlights, badges. Use sparingly.

Dark Mode

Name	Hex	Usage
Void	`#111110`	Dark background
Deep	`#1A1918`	Cards, elevated surfaces
Smoke	`#2A2825`	Borders, dividers
Dim	`#8A8480`	Muted text (dark mode)

Rules

Ember is the signature. Warm orange on dark = Plasmate.
Arc is functional. Blue is for clickable things only.
No gradients in UI. Flat color. The mark's gradient is the one exception.
Corona is rare. Reserve for moments of delight or urgency.
White space is structural. Content breathes.

Typography

Role	Font	Weight	Usage
Display / UI	Space Grotesk	SemiBold, Medium	Headlines, nav, labels, wordmark
Body	IBM Plex Sans	Regular, Medium	Documentation, long-form text
Code	IBM Plex Mono	Regular, Medium	Code blocks, CLI output, specs

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600&display=swap');

:root {
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'IBM Plex Sans', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
}

Do not use: Inter, Helvetica Neue, or geometric sans-serifs.

Naming Conventions

Thing	Correct	Incorrect
The product	Plasmate	plasmate, PLASMATE, The Plasmate
The format	SOM	Som, som, Semantic Object Model (after first mention)
The protocol	AWP	Awp, awp
CLI commands	`plasmate fetch`	Plasmate Fetch
The company	Plasmate Labs	Plasmate labs, PlasmateLabs

Taglines

Context	Tagline
Primary	The browser engine for agents.
Technical	HTML in. Semantic Object Model out.
Philosophical	The fourth state of the web.
Developer	Drop-in Puppeteer replacement. 10x less tokens.

Logo Usage

Clear Space

Minimum clear space: the width of the P mark on all sides.

Minimum Size

Full lockup: 120px wide minimum
Mark only: 16px minimum (omit particles below 16px)

Do Not

Rotate the mark
Apply additional gradients
Change the dispersion direction (always up-right)
Place on busy photography or patterns
Outline the mark
Stretch or distort proportions
Use the mark smaller than 16px with particles

Quick Reference

COLORS
  Ember:        #E8853A    Primary brand
  Arc:          #3D8FD4    Links, interactive
  Corona:       #F5C842    Highlights (rare)
  Core Black:   #0D0D0D    Text, dark bg
  Plasma White: #F0EDE8    Light bg
  Ion:          #D4C5A0    Cards, subtle bg
  Ash:          #6B6560    Muted text

FONTS
  Display/UI:   Space Grotesk (SemiBold, Medium)
  Body:         IBM Plex Sans (Regular, Medium)
  Code:         IBM Plex Mono (Regular, Medium)

RULES
  No gradients in UI. No purple. No Inter.
  Ember is the signature color.
  Direct voice. Specific claims. Honest scope.

TAGLINE
  The browser engine for agents.

Full Brand Guide

For the complete brand guide including origin story, voice and tone guidelines, pixie dust particle system specifications, and application examples, see the full brand guide.

Download All Assets

All brand assets are available in the GitHub repository:

brand/
  mark/
    plasmate-mark.svg
    plasmate-mark-512.png
    plasmate-mark-dark-bg.png
    plasmate-mark-light-bg.png
    plasmate-mark-transparent.png
  lockup/
    plasmate-lockup-dark.svg
    plasmate-lockup-light.svg
  badge/
    works-with-plasmate-dark.svg
    works-with-plasmate-light.svg

Plasmate Labs. Apache 2.0.