Design System · v1
The Triforce language.
The shared vocabulary that every Triforce surface speaks — from the dispatch console at 03:00 GMT to the Instagram square a parent sees on the day they need us most. Tokens, components, motion rules, and ready-to-export social templates. Built around iOS 26 Liquid Glass, vertical-aware accents, and a relentless commitment to clarity under pressure.
Foundations
Brand mark & wordmark
The Triforce mark is a stacked tri-prism — three faces, three gradients, one specular highlight on the leading edge. It always appears alongside the wordmark in marketing, and standalone only at favicon / app-icon scale. The wordmark tagline switches between AIR AMBULANCE and PRIVATE JETS based on the active vertical.
triforce-mark.svg.--color-aa.--color-pj).Color
Tokens & vertical accents
The palette is dark-mode native. Two verticals share a neutral stack; only the accent flips. Switching is driven by a single attribute — data-vertical="charter" — which retargets --accent, --accent-strong, and --accent-soft. Tap a swatch to copy its token.
Brand
Neutrals
Typography
Display, body & micro
Two families do all the work. Cormorant Garamond is reserved for display (headlines, lockup-adjacent moments) and never sets running text. Inter is the system voice — UI, body, captions, code-adjacent. Letter-spacing is deliberate: display copy holds tracking near 0.01em for serifs, while uppercase microcopy expands to 0.22em–0.32em for a signal-flag rhythm.
.text-gradient-accentChosen by Families.
Body 16 · Inter regular — the workhorse for paragraphs, captions, and any copy that needs to be read at glance.
Body 14 · Inter regular · muted — secondary information, article excerpts, helper text.
Caption 12 · Inter regular · subtle — timestamps, fine print, byline overflow.
Eyebrow 10 · Inter 600 · UPPERCASE · 0.22em
Mono 11 · system monospace — timestamps, idents, codes.
Surfaces
Liquid Glass & elevation
Every chrome surface descends from iOS 26 Liquid Glass. Three primitives compose the entire system: a base .liquid-glass pill, an interactive .liquid-glass-chip / .liquid-glass-chip-accent, and the rotating .liquid-gradient sheen that lives behind them. They stack — glass-on-glass — to build depth without darkening the canvas.
Components
Building blocks
Every interactive element inherits a unified press feel — a 1px lift on hover, a 4% scale-down on press, springy ease-out on release. Disabled and reduced-motion users are honored at the global level.
Motion
iOS-grade choreography
Motion is structural, not decorative. The system uses a single easing tuned to feel like Apple’s “ease-out-quint” — cubic-bezier(0.16, 1, 0.3, 1) — and a press easing on the way down. Every animation collapses to a snap when prefers-reduced-motion is set.
Rise + scale + blur-out over 1100ms. Pair with .ios-stagger for grids.
22s conic spin · blur(18px) · drives every Liquid Glass surface.
+1px lift on hover · 0.96 scale on press · spring-out via cubic-bezier(0.34, 1.56, 0.64, 1).
Voice & Tone
How Triforce talks
Calm, specific, and never euphemistic. Numbers earn trust faster than adjectives. The brand is allowed to be tender, but only when it's also true.
- “Wheels-up in 38 minutes.”
- “A neonatologist on board. A travel incubator. ECMO-ready.”
- “One number. Six continents. Twenty-four hours.”
- “Industry-leading patient transport solutions.”
- “Our innovative platform empowers stakeholders.”
- “Best-in-class outcomes you can trust.”
No marketing-speak. No undefined superlatives.
Social
Post templates · IG · FB · X · LinkedIn
Drop-in creatives that already speak Triforce. Mission Reports run red on the Air Ambulance accent; charter announcements run gold. Every template uses the same chrome — Liquid Glass over a radial-tinted accent halo — so a parent who sees the Instagram square at 11 PM and the Facebook follow-up at 9 AM never doubts they’re looking at the same company.
Instagram
Mission Report · 02:14 GMT
Wheels-up in 38 minutes.
A pediatric ICU transfer from Nairobi to Geneva, delivered before sunrise.
New · Global Express
From Teterboro to Dubai, non-stop.
14 hours of stillness. A cabin built for sleep, for work, and for the people you can’t reach by any other means.
Anywhere.
Any hour.
Any patient.
ICU jets, flight physicians, and a global mission-control desk that never sleeps.
Facebook
#TriforceMissions #AirAmbulance #CriticalCare #NICU
Mission · Lagos → Boston
A 38-week baby.
A 7-hour flight.
Neonatologist on board · Travel incubator · ECMO-ready
Network · 2026
Six continents.
One hotline.
ICU jets pre-positioned in Geneva · Dubai · Singapore · São Paulo · Johannesburg · Teterboro.
X & LinkedIn
Launch order at 02:14 GMT. ICU jet, two flight physicians, one ventilator. Nairobi → Geneva. Patient stable, ETA 09:26 local. This is what we do every day. #TriforceMissions
Mission Live
Wheels-up in 38 minutes.
NBO · 02:14 GMT
→ 98.2% on-time launch (Alert-30 target)
→ 38 min median wheels-up after launch order
→ 0 medical adverse events on transfer
Critical care is a logistics business with a heart. We’re hiring flight nurses and dispatchers in 4 cities. #aviation #criticalcare #hiring
Reusable creatives
They got my daughter home before the seizures came back. I don’t have words. Only thanks.
1080×1080/ Reel & Story ·1080×19201200×630/ OG share · same1600×900(16:9) · keep CTA above bottom-third1200×627· no >20% text-on-image when boosteddata-verticalto flip accent · never recolor by hand.