@forgespace/brand-guide

Forge Space Brand Guide

Brand identity guidelines, design tokens, and assets for Forge Space — the developer tools ecosystem.

Live: brand.forgespace.co

What's Inside

• Logo — 3-tier notch anvil (Flame Rise) with 7 variants: wordmark, monogram, icon, abstract, + 3 tint wordmarks
• Colors — Forge Purple (#7C3AED), Forge Blue (#3B82F6), Forge Amber (#F59E0B), neutrals, semantic (WCAG validated)
• Typography — Space Grotesk / IBM Plex Sans / IBM Plex Mono with major-third type scale (sub-brand stacks for Siza and MCP-Gateway)
• Design Tokens — CSS, JSON (W3C), Tailwind, Sass, React theme exports
• Spacing, Shadows, Borders, Motion, Gradients — Full token coverage

Product Brands

Product	Status	Mark
Siza	Active	TBD (inherits Forge Space tokens)

npm Package

Install the brand identity as an npm package for programmatic access in other projects:

npm install @forgespace/brand-guide

import { identity } from '@forgespace/brand-guide';
import type { BrandIdentity } from '@forgespace/brand-guide';

console.log(identity.name);               // "Forge Space"
console.log(identity.colors.primary.hex);  // "#7c3aed"

Raw JSON import:

import identity from '@forgespace/brand-guide/identity';

Use as Template

This repo doubles as a reusable brand guide template. See TEMPLATE.md for instructions on creating your own brand guide.

Quick Start

npm install
npm run dev

Design Tokens

Download tokens in your preferred format from the live site, or find them in public/downloads/:

Format	File
CSS Custom Properties	tokens.css
W3C Design Tokens	tokens.json
Tailwind Preset	tailwind-preset.js
Sass Variables	tokens.scss
React Theme	theme.ts

Stack

• Astro — Static site generator
• Tailwind CSS v4 — Utility-first CSS
• @forgespace/branding-mcp — Brand identity generation

License

MIT