Trinity Technical Authorities
Brand Guideline · v1.0
A single, current reference for how Trinity Technical Authorities looks, sounds and behaves across every channel — the live website, vision documents, client reports, decks, email, social, and the products and partnerships that carry the mark forward. Drawn directly from the existing identity already in market, codified so that everything produced from here on holds the same standard.
The live Squarespace site currently canonicalises to trinity-ta.co.uk, while the Synapse vision document and intended brand domain point to trinity-ta.uk. Recommend selecting one as the canonical brand URL and configuring the other as a permanent 301 redirect — including in email signatures, the LinkedIn page, business cards and document footers. The shorter .uk is the stronger brand choice; the .co.uk still has search equity and should be kept owned.
Trinity Technical Authorities operates where most consultancies cannot: at the intersection of regulated complexity, organisational reality and structural change. The brand essence is what makes that position distinctive — and it must be the test every piece of communication is held against.
Not clarity as a soft virtue — clarity as a working discipline. The brand promise is that complexity gets organised into something a leadership team can act on. Every output should pass the test: does this make the operating reality clearer than it was before?
System-wide perspective unconstrained by internal politics, organisational history or legacy structure. The brand carries authority because it isn't borrowed from a parent firm and isn't softened by relationships it needs to protect. Independence is the asset; the language and behaviour must reflect that.
The energy sector is mid-transition — basin decline, consolidation, regulatory tightening, AI-enabled operations. The brand is positioned for the operator and the workforce that emerge from that, not the ones being left behind. Editorial, modern and disciplined — not corporate, not retro, not safe.
When Trinity Technical Authorities is on the cover, the reader can expect independent, system-wide thinking, presented with the discipline the firm itself advocates — drafted to be read once, understood, and acted on.
The TTA mark is a layered composition — the orange droplet (oil), the dark blue flame (gas) and the central teal locator (renewables) — built so the whole and the parts each function as identifiers in their own right. The whole mark is always primary; the sector marks are tools, not substitutes.
The full lockup is the default across all formal contexts: website header, document covers, decks, email signatures, business cards, and any first impression. It should appear without alteration, without rearrangement and without supporting graphics that compete with it.
The full mark is reproduced across three approved backgrounds. No other backgrounds are sanctioned without specific approval.
The three component icons function as standalone sector identifiers. They are used to signal a specific industry context — never as substitutes for the full TTA mark, and never combined with the wordmark on their own. Their primary use is in section dividers, sector-specific case studies, web cards and proposal headers where the audience is sector-specific.
Crowding the mark weakens it. Clear space and minimum size rules are mandatory across every application.
Minimum clear space on all four sides equals the height of the "T" in the wordmark. No competing graphic, text, photograph edge or coloured panel may intrude into this zone.
Minimum sizes: for digital, the full mark renders no smaller than 120px wide; for print, no smaller than 30mm wide. Below these sizes, switch to the central locator icon alone (Image 2).
If it isn't shown elsewhere in this guideline, it isn't approved. The following are explicit prohibitions.
Trinity Technical Authorities
The TTA palette is deliberately compact. Three primaries do the brand work; one earthy neutral provides the editorial backdrop that separates the firm from every blue-on-white consultancy in the market. Use them with intention — saturated where they need to land, restrained everywhere else.
The three primaries each carry sector meaning, but they are also the brand's communicative palette. Dark Blue holds authority. Orange creates the unmissable moment. Teal connects, signals the future-facing nature of the brand, and softens the structural rigour of the other two.
The neutrals are not background fillers. Paper and Cream are doing as much identity work as the primaries — they're the reason the brand feels editorial rather than corporate. Use them confidently.
Variants of the three primaries, sanctioned for hierarchy and for visualisation work where additional steps are required. Use sparingly — never substitute these for the primaries in identity-bearing applications.
Orange is the most powerful colour in the system — and the most easily abused. It belongs on eyebrows, italic emphasis words inside headlines, the bottom of a quote rule, single-word callouts, and one or two accents per page. Never use Orange as a background for body text, never as a fill for full headlines, never for sustained passages.
All display typography defaults to Dark Blue. All structural rules, navigation states and outline elements default to Dark Blue or Ink. Use Dark Blue Deep only for full-bleed dark sections — closing sections of documents, hero panels, deck title slides.
Teal is the renewables sector colour, but it has a second role: it's the brand's calmer accent — used for section tags, secondary CTAs, and rules where Orange would be too loud. If something on the page needs to be noticed but doesn't need to shout, it's Teal.
The slight warm cast of Paper (#FAF7F2) and Cream (#F5F0E8) is what separates the TTA brand from the sea of #FFFFFF consultancy decks. Never default to pure white as the body background. Use Paper for primary surfaces, Cream for elevation, white only inside cards and content blocks.
The TTA typeface system is built around three families with clearly distinct roles. Fraunces carries the editorial voice of the brand — every display headline, every quote, every chapter title. Inter Tight handles all body copy, navigation and UI. JetBrains Mono is reserved for technical, structural, or labelling moments. Each does one job, well.
A modern serif with a soft, slightly old-style character. Used for every display moment in the system: hero headlines, section titles, quotes, pull-outs, chapter cards. Italic in Orange is the brand's signature emphasis device — used sparingly, it gives display copy its editorial signature.
A modern geometric sans with tight, contemporary letterforms. Used for all running text — body copy, navigation, button labels, captions, table content. Inter Tight (not Inter) — the marginally tighter spacing is deliberate and gives the brand a slightly more compact, contemporary feel than the standard Inter.
A precise developer-grade monospace used for technical signalling: section eyebrows and numbers, metadata labels, document tags, code snippets, technical references and timestamps. Always uppercase, always with extended letter-spacing (0.14–0.18em), always small (10–12px). The mono is what gives the brand its working, technical edge — used carefully, it differentiates TTA from purely editorial publishers.
When the brand fonts cannot be loaded — Microsoft Office without font embedding, internal email systems, low-bandwidth web — use system fallbacks in the same role. Defined fallbacks: Fraunces → Georgia; Inter Tight → Calibri / system sans-serif; JetBrains Mono → Consolas / Menlo / system monospace. The brand should remain legibly itself even at the fallback level.
A single coherent scale across web and document applications. Use the named steps rather than custom sizes — consistency across surfaces is what makes the brand recognisable from a distance.
Most consultancies sound the same — passive, hedged, decorated with verbs like "leverage" and "enable". TTA is positioned against that. The voice is professional but challenging; structured but direct; system-wide but plain-spoken. The website strapline — "Clarity for Complex Organisations" — is the test every sentence is held against.
The brand says what it sees, without hedging. "Operators have driven contractor efficiency for years while their own systems remain uncertified" — not "there may be opportunities to consider system alignment". Directness is what an independent voice owes the reader.
The brand exists to push against "that's how we've always done it". It does so by naming the orthodoxy, then offering a structurally different position — never by mocking the reader or their predecessors. Challenge with respect; the audience is intelligent and time-pressured.
Every paragraph earns its place. Bullets only where they help the eye. Headings that summarise the argument, not headings that hint at it. The brand sells clarity — the writing must demonstrate it.
British spelling without exception: organisation, optimise, analyse, programme. Metric units where applicable. Technical terms used precisely — SCR2015, CHIS7, IOGP 510, EI PSF — never paraphrased into generic alternatives when the audience knows the original. Acronyms expanded on first mention only.
"The management system has decayed into a PDF library, and the cost of that has been hidden by years of low scrutiny."
"Independence is the asset. The work is presented to leaders without softening, without political consideration of internal relationships."
"Three operators have spent £multi-millions on point solutions without ever fixing the connective tissue underneath."
"This is not a feature roadmap. It is a structural reset of how the management system functions."
"There may be opportunities to enhance and modernise the existing management system framework moving forward."
"Our trusted advisory partnership delivers stakeholder-aligned value across the engagement lifecycle."
"We leverage best-in-class methodologies to drive transformational outcomes for our valued clients."
"In today's rapidly evolving energy landscape, organisations must embrace digital innovation to remain competitive."
Words are choices. The lists below are the working vocabulary of the brand — and the words it actively does not use.
Consistency across surfaces — web, document, deck — comes from repeating a small, disciplined set of layout patterns rather than designing each surface from scratch. The patterns below are the structural vocabulary that already runs through the live website and the Synapse vision document; the rest of the system extends from them.
Max content width 1280px. Outer gutter 48px (28px mobile). Column gap 12px. Most content sits in 1 / 2 / 3 column groupings — 4 / 6 / 8 / 12 column spans.
Page margin 22mm all sides. Body 11pt Inter Tight, line height 1.55. Headlines step from 28pt (section) down to 13pt (subsection). Footer 8pt mono with page numbers Orange.
Slide margin 40px. Title typography mirrors web — Fraunces 36–48pt. Body Inter Tight 18–22pt. Each slide carries the mono section tag top-left and TTA mark bottom-right.
Six core applications carry the brand. Each follows the same typographic system, the same colour ratio, and the same pattern library — adapted for the medium, not redesigned for it. Consistency across these is the test of whether the brand reads as a coherent identity rather than a logo on different things.
Dear Mr Wooldridge,
Re: Independent assurance review of management system effectiveness
Further to our discussion on Monday, I am pleased to confirm the scope of the independent assurance review we propose to undertake on the management system framework. The work will be delivered in three phases.
Phase one will involve a structural review of the current management system against IOGP 510 and Energy Institute PSF benchmarks. Phase two will assess operational effectiveness through process utilisation evidence …
The Squarespace site already runs the brand strapline ("Clarity for Complex Organisations"), the three-sector colour system via the orange / teal / dark blue gear icons, and the three-pillar service architecture (Operating Model & Management Systems · Governance & Accountability · Independent Audit & Assurance). The directions in this guideline extend that established identity rather than replacing it. The most impactful upgrades within the existing template: introducing Fraunces as the display typeface in headlines, replacing the AdobeStock photography with editorial illustration or the sector marks at scale, and rebalancing the colour ratio so that Paper / Cream dominate the surface area as they do in the Synapse document.
For developers and partners building anything from a one-page landing site to a full product front end. The token set below is the same vocabulary that powers the Synapse vision document and this guideline — proven, tested for accessibility, and structured for use with any modern framework.
Paste into your :root and reference everywhere. No hard-coded hex values anywhere in TTA-branded code.
/* Trinity Technical Authorities · Brand tokens v1.0 */ :root { /* Core palette */ --tta-darkblue: #1a3a52; --tta-darkblue-deep: #0f2638; --tta-teal: #2a8a8a; --tta-teal-light: #4ba8a8; --tta-teal-deep: #1f6e6e; --tta-orange: #d97742; --tta-orange-warm: #e8965f; --tta-orange-deep: #b85c2f; /* Neutrals */ --tta-paper: #faf7f2; --tta-cream: #f5f0e8; --tta-rule: #d4c9b8; --tta-rule-soft: #e6ddd0; --tta-ink-soft: #4a5560; --tta-ink: #1c2530; /* Typography */ --display: 'Fraunces', Georgia, serif; --body: 'Inter Tight', -apple-system, sans-serif; --mono: 'JetBrains Mono', Consolas, monospace; /* Type scale */ --fs-hero: clamp(42px, 6vw, 78px); --fs-section: clamp(34px, 4vw, 52px); --fs-subsection: 26px; --fs-strapline: 18px; --fs-body: 15px; --fs-caption: 13px; --fs-mono: 11px; /* Layout rhythm */ --container-max: 1280px; --gutter: 48px; --section-padding: 96px; }
Single import covers all three brand families with the required weights.
<!-- Place in document <head> --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700&family=Inter+Tight:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
The mono eyebrow with leading rule is the most-used identity device in the system. Use it on every section opener.
/* HTML */ <div class="section-tag">01 · Strategic context</div> <h2 class="section-title">Headline with <em>italic</em> emphasis.</h2> /* CSS */ .section-tag { font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tta-orange); /* or --tta-teal */ display: flex; align-items: center; gap: 12px; } .section-tag::before { content: ''; width: 24px; height: 1px; background: currentColor; } .section-title em { font-style: italic; color: var(--tta-orange); font-weight: 300; }
All primary colour pairings in this system meet WCAG 2.2 AA for body text: TTA Ink on Paper, TTA Dark Blue on Paper, TTA Cream on Dark Blue, TTA Cream on Dark Blue Deep. TTA Orange should not be used for body copy on Paper backgrounds (it sits below AA); use it for headlines, single words, eyebrows and UI accents only. When Orange must appear as body text — for example in single-sentence callouts — use it on Cream (#F5F0E8) at 14px or above, weight 500.