All packages

pm-brand

The Triplicate brand kit for pm: design tokens, fonts, mark and icons shared by every pm surface

Install

This package has not been released, so it cannot be installed yet.

README

The shared identity for pm surfaces: form paper, carbon ink, three stacked sheets, and violet stamp ink. The contract defines every token and type role.

Release held: depend on an exact commit until the first release.

{ "dependencies": { "pm-brand": "github:unbraind/pm-brand#<40-character-commit>" } }

@import "pm-brand/tokens.css";
@import "pm-brand/fonts.css";

body { background: var(--pm-paper); color: var(--pm-carbon); font-family: var(--pm-font-body); }
h1 { font-family: var(--pm-font-display); font-stretch: 125%; font-weight: 800; }
import { tokens, cssVar } from 'pm-brand';
const paper = tokens.light.paper;
const background = cssVar('paper'); // var(--pm-paper)

Set data-theme="light" or data-theme="dark" on the root for an explicit choice; otherwise the OS preference applies. Reduced motion sets --pm-dur to zero.

Archivo supplies display (125% / 800) and caption (75% / 600) roles. Public Sans is the body face; Martian Mono is for ids, commands and TOON. Importing fonts.css loads only relative, self-hosted WOFF2 assets with swap and measured fallback faces. See font sources, metrics and subset details and OFL licences.

The package exports tokens.css, fonts.css, fonts/*, logo/*, icons/*, CONTRACT.md and package.json. The root exports typed values for both themes and cssVar. All SVG marks and product lockups contain glyph paths, so no font needs to be available to display them. Icons include a maskable safe-zone variant.

Rebuild fonts with fontTools 4.65.0 and brotli 1.2.0 installed, then npm run fonts:build and npm run assets:build. npm run font-budget enforces 120,000 bytes across the three WOFF2 files. No release is authorized by these commands.

From the package's README on GitHub. View on GitHub