Components
The reusable building blocks. Every component is a class — drop the class on a div, render anything you need around it.
Tags, badges, status
App scale (default)
Compact, rounded-square. Use everywhere inside a product UI: forms, modals, toolbars, menus.
CTA scale (marketing)
Add .ps-btn-cta to any button to bump it to pill-shape, larger type, with a lift on hover. Use on landing pages and hero CTAs.
Surface containers
Default card
White surface, line border, generous padding. The workhorse.
Tight card
Smaller padding and radius for dense lists.
Credentials
Tamper-proof, digitally signed packages that back claims with evidence.
Products
Verifiable product pages for every SKU, backed by evidence and insight.
Campaigns
Real-world impact, attributed to real customer interactions, evidenced end-to-end.
Quiet list pattern
- Tamper-proof and signed, so claims can't be quietly edited
- Evidence travels with the claim, not in a Dropbox
- AI chat lets recipients engage with the evidence
- Share privately or publicly · embed anywhere
- Tamper-proof and signed, so claims can't be quietly edited
- Evidence travels with the claim, not in a Dropbox
- AI chat lets recipients engage with the evidence
- Share privately or publicly · embed anywhere
Mark & brandmark
The icon-only mark for compact contexts (favicons, app icons, hero accents, places where the wordmark would be too much). The full lockup pairs the mark with the wordmark as a single PNG.
Mockup containers
The browser frame is how we present credential and product pages in marketing material. URL is monospace, lights are warm-coded so they don't scream "macOS".
Acme's verified 2026 carbon footprint. Total emissions of 37,453 tCO₂e across Scope 1, 2 and 3.
Tabular figures
Pull-quote on ink
You're used to ending a campaign with a PDF certificate. We give you a credential, a tamper-proof record you can plug into every report, every campaign, every claim, forever.