DTTT Advisory Design System · v1.0.0

A working-tools system for advisory delivery.

The visual, structural and editorial system that governs every output produced by the Digital Tourism Think Tank's advisory practice — across HTML dashboards, Word advisories, PDFs, decks and email — so that work from any engagement reads as part of one coherent practice.

What this is
Production consistency, not aspiration.

DTTT runs many engagements concurrently and produces a high volume of advisory deliverables. Each must read as senior-peer guidance and look like it came from the same practice. This system is the infrastructure that makes that achievable at speed — including with AI assistance.

It extends from the visual language established in the AI Transparency Framework at ai.thinkdigital.travel, absorbing it as one of the system's documented document types.

For whom
Advisors, human and AI.

DTTT advisors use it to start a new engagement from the right structural pattern. AI assistants — primarily Claude — read the substrate (markdown, tokens, component blocks) when drafting deliverables, so that AI-generated output reliably sounds and looks like DTTT.

Clients receive the work; they don't read this site. But it is shareable evidence of how DTTT approaches advisory delivery.

The four artefacts

What lives inside the system.

The system is built as four interlinked artefacts. The reference site is itself one of them — it documents the system while being a reference implementation of it.

01 · Foundations
Tokens, type, voice

Colour, type, spacing, motion, voice. The atoms every output draws from.

02 · Components
Reusable blocks

8 core + 12 extended, each with anatomy, code, and decision rules.

03 · Templates
Document types

Four assembled examples covering dashboard, proposal, advisory, deck.

04 · Production
Claude usage guide

Decision rules, integrations, deployment. The substrate that runs the practice.

Coverage

Six output formats, one practice.

The system extends across every container DTTT advisory uses. Patterns translate across containers; voice and structure are consistent.

Interactive dashboardHTML

Multi-screen navigated experiences for live engagements. The most evolved expression of the system. Reference: SBR Session Outcomes.

Proposal / briefingHTML

Single-page document-like deliverables for proposals and milestone updates. Reference: CTB Advisory Dashboard.

Strategic advisoryDOCX

5–8 page written advisories with structured sections and reference numbering. Conservative visual, recognisably DTTT.

Engagement reportPDF

Exported from Word or generated directly. Print-ready, A4 throughout.

Presentation deckPPTX

Keynotes to client leadership. Same system, slide format. 16:9, navy or white grounds.

CorrespondenceEMAIL

Pitches, follow-ups, milestone notifications. Tone-governed, structurally minimal.

Where to start

Read the system in this order.

  1. 01
    Principles

    Six commitments that govern every decision in the system. Ten minutes.

    Read principles →
  2. 02
    Foundations

    Colour, typography, spacing, motion, voice. The substrate every component is built from.

    Open foundations →
  3. 03
    Components

    Eight core components at full anatomy depth, twelve extended for routine use.

    Open components →
  4. 04
    Templates

    Four assembled examples — fork the closest one when starting a new engagement.

    Open templates →
  5. 05
    Claude usage guide

    If you are using Claude to draft an output, read this. Voice rules, decision tables, narrative arcs.

    Open Claude guide →
Status

Maintained infrastructure.

The system carries its own version. Components and document types carry theirs. The AI Transparency Framework's eight model versions are imported as-is and continue from their current numbering. Every change is recorded in the changelog.

ArtefactVersionLast updated
System (whole)v1.0.025 April 2026
Foundationsv1.0.025 April 2026
Components — Corev1.0.025 April 2026
Templatesv1.0.025 April 2026
Claude usage guidev1.0.025 April 2026
AI Transparency Frameworkv1.1 (Transparency Model, imported)Continuing

See the changelog for the full version history and the versioning rules that govern each increment.