Greenville TriumphDesign Systems
Greenville Triumph SC

FOUR SYSTEMS

One question decides which one you link: what are you building? They are not skins of one thing. Different components, different type rules, different jobs.

More than one page, a running head, or page numbers means Documents. One sheet built from type, colour blocks, and the weave means Print.

01

Dashboards

Staff reading data in a browser. Scan rates, revenue, inventory, prospect boards.

Open

Graphite canvas, one Fabiola hero, Inter headings, mono on every label and number.

/tokens.css · /components.css · /starter.html · /agents.md

02

Screens

A member or a guest using a screen. The member portal, account pages, public web.

Open

Two grounds only, navy and fog, with one continuous weave running the page.

/screens/tokens.css · /screens/components.css · /screens/field.js · /screens/screen.js · /screens/agents.md

03

Print

A flyer, an ad, a poster, or one printed sheet. Graphic-led: type, colour blocks, and the weave.

Open

Navy weave bands on white paper, Fabiola once, green as the accent. One sheet.

/print/tokens.css · /print/pattern.css · /print/logos.css · /print/components.css · /print/hero-fit.js · /print/agents.md

04

Documents

A multi-page proposal, report, or guide read as a PDF. The 2027 Ticketing Proposal, the Audience Reach Report, the Ticket Access Guide.

Open

White paper and no weave, a crest header bar, a running head, and page numbers.

/documents/tokens.css · /documents/logos.css · /documents/document.css · /documents/agents.md

The root files are a public API

/tokens.css, /components.css, /fonts/, /vendor/, /images/, and the two starters keep their URLs, because roughly forty live projects link them at load time. Changes are additive only: never rename a token, never remove a component class.

Copy the folder, do not link it

Each system folder is self contained, with its own fonts and images. Anything that renders behind office TLS inspection or gets exported to PDF has to self host, so take the whole folder rather than a stylesheet URL.

The personal system is elsewhere

Sean's own site runs on a separate brand, palette, and repo at design.seantippen.com. It is named here only so nobody reaches for a Triumph sheet on a personal page.