What problem does it solve? Producing Trifork-branded artefacts (slide decks, LinkedIn posts, web pages) without the official design rules leads to off-brand output: wrong fonts, bold weights, orange overuse, white slide backgrounds, and inconsistent spacing. This Skill encodes the full Trifork design system so every generated artefact follows the brand's typography, colour, layout, and voice rules. ## Core Features & Use Cases - Design tokens and type roles: Provides tokens.css with the complete --tf-* custom property set (colour ramps, Poppins type scale, 8 px spacing, radii) plus utility classes like tf-h2, tf-lead, and tf-label-spaced. - Slide and PPTX generation rules: Defines twelve master slide layouts in slide-kit.html with a fraction-of-width type scale, point-size conversion table, cover/closing patterns, and strict rules for separators, cards, overlays, and logo aspect ratio. - LinkedIn social-post system: Includes social.html with six card types (event, quote, stat, job, news, case), three title layouts, carousels, and a live playground with PNG/zip export. - Use Case: Ask for a Q4 results deck and receive a PPTX using only blue-100/ink-950 backgrounds, Poppins Regular/Medium at the correct fractional sizes, numbered or line-bullet lists, real photography with flat ink overlays, and embedded fonts. ## Quick Start Create a five-slide Trifork presentation about our new aviation case study using the slide kit layouts and brand rules.
