Skip to main content

GOVERNANCE & HANDOVER

Communications Team Handover Runbook

The complete operational manual for the Texas A&M Transportation Institute Communications & Marketing team. TUX 3.0 is turnkey and self-governing: consume brand assets, maintain WordPress sites, author microsites, and run automated verification without software engineering overhead.
Turnkey Ownership 100% WCAG 2.2 AAA Zero Engineering Hand-Holding
1. Single Source of Truth

All colors, fonts, and geometry live in tokens.json and compile across 11 targets automatically.

2. WordPress & Kadence Parity

Turnkey child theme and core plugin matching tti.tamu.edu and my.tti.tamu.edu.

3. No-Code Microsites

Nuxt Studio visual in-browser editor lets authors write papers and lab portals without code.

4. Automated Quality Gate

One command (node scripts/test-all-suites.mjs) verifies all 5 quality tiers and 0 violations.

1. How Communications Consumes TUX

Three primary production publishing workflows

A

WordPress & Kadence Sites

For tti.tamu.edu, my.tti.tamu.edu, research centers, and division blogs

Open WordPress Guide

Turnkey Child Theme (kadence-child-tti)

Pre-wires Aggie Maroon (#500000) and Warm Gold (#CFA935) palette, 0px button geometry, and top utility bar directly into Kadence.

Location: packages/wordpress/kadence-child-tti

TTI-UX Core Plugin (v3.0)

Enqueues typography, CSS tokens, and web components runtime across Gutenberg, Classic Editor, and Elementor.

Location: packages/wordpress/tti-ux-core

Turnkey Shortcodes Cheat Sheet

Tier 1 Utility BarTop maroon navigation with institutional agency link, Jobs, Pressroom, Directory, Contact[tux_portal_header agency="Texas A&M Transportation Institute" search="true"]
BigStat MetricOversized metric with tabular numerals and official maroon/gold accents[tux_stat value="650" suffix="+" label="Active Connected Testbeds" tone="maroon"]
Signature HeadingMaroon H2 header with 2px Warm Gold underline keyline[tux_heading title="Connected Corridors Research" level="2"]
WCAG AAA AlertAccessible advisory banner with 7:1 contrast ratio[tux_alert variant="warning" title="Operations Advisory"]Corridor test in progress.[/tux_alert]
Container CardInteractive card with rectangular geometry and subtle hover elevation[tux_card to="/safety" padded="true"]Card content here[/tux_card]
Freshness NoticeTelemetry data freshness metadata notice[tux_staleness stale="true" date="2026-09-01" owner="Mobility Division"]

Instant 60-Second WCAG AAA Retrofit

Paste into Appearance → Customize → Additional CSS to instantly upgrade raw tables, buttons, and forms on older sites without touching PHP templates.

Additional CSS
@import url('https://cdn.jsdelivr.net/gh/ttitamu/tti-ux@v3.0.0/kit/css/tux-tokens.css');
@import url('https://cdn.jsdelivr.net/gh/ttitamu/tti-ux@v3.0.0/kit/css/tux-bridge.css');
B

Research Microsites & Visual Authoring

Launch standalone lab sites and project reports without code

Open Studio Guide

The templates/tux-starter-content repository is pre-configured with Nuxt Studio. Writers log into the browser UI to edit markdown pages visually, drop in ::tux-big-stat or ::tux-card components via the slash inserter, and save directly to Git with automated static deployment.

terminal
git clone https://github.com/ttitamu/tux-starter-content.git my-microsite
cd my-microsite
npm install
npm run dev
C

Flagship Digital Articles & Reports

High-impact publications with reading ergonomics

View Live Article

The <TuxEditorialArticle> component supports 5 interchangeable hero layouts (ai-modern, boxed, full-bleed, split, inset-banner), a sticky Table of Contents rail, real-time scroll progress indicators, and one-click BibTeX/APA citation export.

2. Maintenance & Quality Runbook

How to verify and keep the repository healthy

The Single Verification Gate

Before publishing changes or after updating brand tokens, run the unified quality runner. If all 5 tiers pass, your build is guaranteed to be 100% compliant:

terminal
node scripts/test-all-suites.mjs
Tier 1: Tokens0 undefined tokens, OKLab status ladder
Tier 2: Math AAA≥7:1 text, ≥44px touch targets
Tier 3: Vitest764 mounted component tests
Tier 4: Axe-Core253 prerendered pages (0 violations)
Tier 5: HealthSync official AAA ledger

3. Brand Governance & Official Assets

Official Vector Logos

Official TTI primary marks, maroon badges, and reversed white wordmarks in SVG format.

Download Logo Assets →

5-Band Division Spectrum

Official division colors: Mobility (Maroon), Infrastructure (Blue), Safety (Teal), Planning (Green), Operations (Gold).

Inspect Spectrum Tokens →

183-Component Catalog

Explore interactive playgrounds, live props knobs, and accessibility notes for every primitive.

Browse Component Lab →