Skip to main content

EXPERIMENTAL APPLICATION PROTOTYPES & REFERENCE SUITES

Workflow Kits & Application Explorations

Exploratory application archetypes, multi-device viewport simulators, and architectural reference blueprints for Texas A&M Transportation Institute digital systems. These kits showcase component composition possibilities across research, operations, and publishing workflows — provided as architectural inspiration and scaffolds, not mandatory mandates.

Reference Archetypes

10 Explorations

Exploratory pattern compositions

Accessibility Standard

WCAG 2.2 AAA

Audited & verified contrast

Responsive Simulation

4 Viewports

Desktop, Laptop, Tablet, Mobile

Framework Targets

11 Targets

Vue 3, React 19, Blazor, WP...

Exploratory Scaffolding Starter Blueprints

Select a starter blueprint path to experiment with component compositions for your research or project needs:

Comm Handover Guide
1. Visual Microsites & Papers

Nuxt Studio Starter Template

Zero-code markdown editing for researchers & communications authors.

templates/tux-starter-content
2. WordPress & Intranets

Kadence Child Theme & Plugin

Pre-wired palette, 0px button geometry, utility bar, and Gutenberg patterns.

packages/wordpress/kadence-child-tti
3. Enterprise Nuxt & React

Layer & Component Packages

183 auto-imported Nuxt components or 26 native React TSX primitives.

Multi-Platform SDK Hub
Launch
Operational Telemetry & Transportation Researchproduct · research telemetry

Connected Corridor Telemetry Feed

High-density operational research pane for Texas multimodal transportation networks: real-time sensor stations, speed trends, roadside unit health, and citation export.

View Full Example
https://tti.tamu.edu/examples/corridor-analytics
desktop

ARCHITECTURAL BLUEPRINTS

Three Institutional Archetypes

TUX organizes all application suites into three foundational archetypes, each encoding distinct navigation patterns, data densities, and accessibility mandates.

High-Density Operations & Telemetry

Designed for monitoring consoles, network operation centers, and data classifiers. Hairline tables, sparklines, and status chips deliver maximum information density with zero cognitive clutter.

  • Status is --status-*, never maroon chrome
  • Gold is an accent keyline, never text
  • Hairline tables on --surface-border

Featured Suites:

Public Brand & Editorial Portals

External marketing, institute division portals, and public research communication matching tti.tamu.edu conventions. Signature Kadence sharp buttons, 5-band spectrum ribbons, and orbital medallions.

  • Two-tier maroon utility bar + brand ribbon
  • Diagonal chamfer hero slabs with gold square
  • Warm eggshell backgrounds (#F9F9F7)

Featured Suites:

Workspaces, AI & Developer Platforms

Interactive employee tools, self-hosted code repositories, and conversational LLM assistants. Grounded in command palettes, split panes, and verified citation blocks.

  • Prompt composers with grounding context meters
  • Strict CUI / ITAR compliance alert barriers
  • Sharp tabs and monospace git commit ledgers

Featured Suites:

EVOLUTION & MODERNIZATION

Frozen Reference vs. Native TUX Components

The original five static reference kits in /kits/<name>/ date from the portable-download phase. They are maintained as historical design source. In production, always compose the native Tux* components. Here is how every legacy prototype maps to its modern equivalent:

Legacy KitOriginal PrototypeModern Native TUX EquivalentArchitectural Rationale
/kits/aggieux/AggieUXTUX Component Lab & Token Explorer → Static Babel-in-the-browser cards replaced with 110+ reactive Tux*.vue components, interactive knobs, live documentation, and zero-drift tests.
/kits/tti-docs/tti-docs PrototypeTux Desk Visual Web Builder & Design Docs → Transformed into bidirectional block-canvas CMS (Tux Desk) and live MDC documentation (/design/*, /docs/*).
/kits/tti-ai-chat/tti-ai-chat PrototypeTTI AI Studio Session → Rebuilt with full compliance alert boundaries, context meter gauge, prompt composer, citation attribution blocks, and command palette.
/kits/slides/Slides KitTuxReportFrame Deck Kit & Studio → Added responsive print sheet engine, dimension switchers (16:9, Letter, A4), ink-saver simulation, and multi-format citation export.

DISTRIBUTION PIPELINE

Multi-Platform Kit Targets

TUX distributes tokens and components across 11 target platforms through automated emitters and intermediate representation sync engines. Applications outside Nuxt 4 consume these targets directly:

React 19

Tier 2

Typed TSX components and theme hooks for React SPA and Next.js applications.

packages/react & kit/react

CSS & Ops Overlay

Tier 1

Zero-build token variables (tux-tokens.css), ops overlay (tux-ops.css), and WCAG bridge (tux-bridge.css).

kit/css/

.NET & Blazor

Tier 1 & 2

Strongly typed C# classes (TuxTokens.cs) and Razor component wrappers for ASP.NET web apps.

kit/csharp/

WordPress / Kadence

Tier 1 & 2

Gutenberg theme.json block settings and PHP 8 associative arrays matching tti.tamu.edu.

kit/wp/ & kit/php/

Power BI Desktop & Fabric

Tier 1

Official institutional JSON theme files (tti-theme.json, tti-theme-dark.json, tti-theme-hc.json).

kit/powerbi/

Python / Streamlit / Dash

Tier 1 & 2

Resolved color tokens (tux_tokens.py) and component renderers for research data science pipelines.

kit/python/