trifork-brand-core

Applies Trifork brand rules for voice, typography, colour, and assets to generated artefacts.

Updated Sep 8, 2026
One-click install
npx skills add https://github.com/trifork/trifork-official-design-system --skill trifork-brand-core-trifork
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: trifork-brand-core
Source: https://github.com/trifork/trifork-official-design-system/tree/main/site/public/skill/trifork-brand-core
Command: npx skills add https://github.com/trifork/trifork-official-design-system --skill trifork-brand-core-trifork

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve? Creating Trifork-branded presentations, social graphics, web pages, and documents requires consistent application of a detailed design system. This Skill encodes the Trifork brand foundations so every artefact follows the correct voice, Poppins typography, ink/blue/orange palette, logo usage, spacing, and iconography without manual checking. ## Core Features & Use Cases - Brand rule enforcement: Non-negotiable rules for tone of voice (UK English, no superlatives or em dashes), Poppins Regular 400 and Medium 500 only, ink 950 text, and sparing orange 500 accents. - Design tokens and assets: Bundled tokens.css with --tf-* custom properties and tf-* utility classes, plus SVG logos, 19 line icons, and an imagery manifest with hosted URL fallbacks. - Validation checklist: A references/validation.md checklist covering fonts, colours, slide backgrounds, overlays, and copy rules to verify work before delivery. - Use Case: Ask for a Trifork slide deck on a customer case study. The Skill applies the 1920x1080 canvas, blue 100 or ink 950 backgrounds, correct wordmark asset, and brand-compliant copy automatically. ## Quick Start Create a Trifork-branded slide deck about our latest customer engagement using the brand core rules.

Frequently Asked Questions about trifork-brand-core

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create Trifork-branded slides with the correct design system?▼

Load this Skill and request the artefact. It enforces the 1920x1080 canvas, blue 100 or ink 950 backgrounds, Poppins Regular and Medium only, ink 950 text, and the bundled slide templates and tokens.css.

What colours and fonts does the Trifork brand use?▼

Trifork uses Poppins Regular 400 and Medium 500 only, ink 950 (#2C3A42) for text, blue 100 (#D5E5ED) for light backgrounds, and orange 500 (#FF6600) as a single sparing accent. Icons use blue 900 (#3C4C54).

Can I use the Trifork brand assets offline without network access?▼

Yes. The Skill bundles tokens.css, dark and light SVG logos, 19 icon SVGs with an index.json manifest, and an imagery manifest. Hosted URLs at brand.trifork.com are preferred when reachable, with bundled files as fallback.

When should the Trifork wordmark be a logo asset instead of typed text?▼

Use the logo asset whenever the Trifork name stands alone, such as a corner mark or cover. Type the name only inside running content like titles and sentences, and never recolour the orange dot or stretch the fixed 495:52 ratio.

How do I validate that my Trifork artefact follows the brand rules?▼

Check references/validation.md, which lists every requirement: Poppins weights, ink 950 text on light backgrounds, no orange emphasis in titles, flat photo overlays, UK English copy, and no emoji or exclamation marks.