A documented system of tokens, components and patterns extracted from the X. Design Week 2026 site. Built around a deep navy stage, a luminous signal blue, and a typographic hierarchy that runs on Poppins headings against a clean Proxima Nova body. Designed for editorial clarity, glow-on-glass surfaces, and a confident, focused tone.
Brand & Wordmark
01 — Foundations
The XDW wordmark is treated as the identity anchor across all surfaces. The official lockup is a glowing chrome-blue "XDW 26" — used at large scale on dark backgrounds. It is paired with the year (2026) and a single descriptor line. The lockup performs in three moods: glowing on near-black, clean on near-white, and inverted on the dark navy gradient.
Co-Brand · DTTT
Digital Tourism Think Tank is the parent organisation. The white landscape logo always co-brands social posts and event materials, locked top-right. Use it on dark surfaces only — for light surfaces, request the dark variant from DTTT.
Logo Variants & Wordmark Lockups
The AI event the tourism industry has been waiting for
XDW2026
X. Design Week 2026 · Light Variant
Color
02 — Foundations
A single signal hue carries the system. Blue (#33A5F7) does the heavy lifting for emphasis, glow and accents. Three shifts — hi, lo, dim — extend it across surfaces. Neutrals stay restrained: a near-black navy stage, slate body type, and two whites tuned for warmth (near-white) and contrast (pure white).
Core Palette
#000000
Black
--black
#000000
#131E33
Near Black
--near-black
#131E33 · Stage
#424F66
Slate
--slate
#424F66 · Body on light
#D0DAEB
Light Blue
--light-blue
#D0DAEB
Signal Blue
#2680C2
Blue Lo
--blue-lo
#2680C2 · Depth
#33A5F7
Blue
--blue
#33A5F7 · Primary
#6CBDFA
Blue Hi
--blue-hi
#6CBDFA · Highlight
#f4faff
Near White
--near-white
#F4FAFF · Light surface
Social / Graphic Extension
#213457
Dark Blue
--dark-blue
#213457
#99D5FF
Light Blue
--light-blue-graphic
#99D5FF
#E7F4FD
Lightest Blue
--lightest-blue
#E7F4FD
#FFFFFF
White
--white
#FFFFFF
Blue Alphas — for glow, glass, edges
Blue Dim
rgba(51,165,247,.07)
Blue Border
rgba(51,165,247,.10)
Blue Glow
rgba(51,165,247,.12)
Blue 40
rgba(51,165,247,.40)
Signature Gradients
03 — Foundations
Gradients are not decoration here — they are how the system communicates emphasis, depth and motion. There are five reusable gradients and one rule line. Every other gradient should be derived from these.
Two families do all the work. Poppins for everything that needs presence — headings, eyebrows, navigation, badges, prices, day labels. Proxima Nova for body copy, paragraphs and supporting text. The contrast between Poppins' geometric warmth and Proxima Nova's quiet readability is what gives the brand its editorial confidence.
Poppins
Heading · Display · UI
Used for all headlines, navigation, eyebrows, badges, day labels, ticket prices and CTAs. Weights: 400, 500, 600, 700, 800.
400 Regular — The quick brown fox500 Medium — The quick brown fox600 SemiBold — The quick brown fox700 Bold — The quick brown fox800 ExtraBold — The quick brown fox
A a · 1 · &
Proxima Nova
Body · Long-form
Used for paragraphs, descriptions and supporting text. Loaded from the brand asset files: Light, Regular, Semibold and Extrabold. System fallbacks: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial.
300 Light — Visitor behaviour is shifting rapidly.400 Regular — Visitor behaviour is shifting rapidly.600 Semibold — Visitor behaviour is shifting rapidly.800 Extrabold — Visitor behaviour is shifting rapidly.
Aa · Rr · 26
Type Scale
section-title
Three Days. Three Focus Areas.
Poppins 700
clamp(2rem, 4.5vw, 3.2rem)
line-height: 1.2
letter-spacing: -0.02em
gradient text fill
h2 / card title
Strategic Clarity
Poppins 700
2rem · 1.2 · -.02em
Used on outcome cards, day cards, tickets
X. Design Week returns this year with a completely reshaped model. We have redesigned our flagship event to focus entirely on AI to create a dedicated space where destination organisations can advance their AI strategies.
Proxima Nova 400
1.08rem · 1.78
opacity .92 on dark
small / caption
Speakers will be announced on a rolling basis and the full programme will be published by May.
Proxima Nova 400
.85rem · 1.6
slate-light, often italic
Iconography
05 — Foundations
XDW uses Material Symbols Rounded at Filled weight as its icon system. Soft rounded corners pair naturally with Poppins' geometric warmth, and the filled, solid form holds presence on dark surfaces without needing additional weight. Default colour is signal blue (#33A5F7); on busy or photographic backgrounds use white. Never outline, never tint to off-brand hues.
hub
Default Spec
Family
Material Symbols Rounded
Fill
1 (Filled)
Weight
500
Grade
0
Optical Size
24
Default colour
#33A5F7 (Signal Blue)
Icon Library
Curated set across the categories XDW reaches for most. Use the icon name as the ligature value: <span class="mi">calendar_month</span>.
Event · Calendar · Tickets
calendar_monthcalendar_month
eventevent
scheduleschedule
todaytoday
confirmation_numberconfirmation_number
qr_code_2qr_code_2
micmic
personperson
groupsgroups
location_onlocation_on
apartmentapartment
co_presentco_present
Travel · Tourism · Destination
publicpublic
travel_exploretravel_explore
mapmap
exploreexplore
flightflight
luggageluggage
hotelhotel
restaurantrestaurant
photo_cameraphoto_camera
routeroute
tourtour
languagelanguage
AI · Data · Strategy
smart_toysmart_toy
auto_awesomeauto_awesome
psychologypsychology
hubhub
insightsinsights
trending_uptrending_up
bar_chartbar_chart
analyticsanalytics
workspacesworkspaces
flagflag
targettarget
lightbulblightbulb
Engagement · Programme
forumforum
handshakehandshake
schoolschool
play_circleplay_circle
live_tvlive_tv
workspace_premiumworkspace_premium
UI · Wayfinding
arrow_forwardarrow_forward
north_eastnorth_east
check_circlecheck_circle
add_circleadd_circle
downloaddownload
linklink
shareshare
searchsearch
menumenu
closeclose
expand_moreexpand_more
open_in_newopen_in_new
Sizes
check_circle
16px · inline meta
check_circle
20px · buttons, chips
check_circle
24px · default
check_circle
32px · zone tiles, ticket header
check_circle
48px · feature cards
check_circle
64px · hero graphic
Colour Treatments
calendar_month
Default Signal blue on dark
calendar_month
White + glow Photographic / busy bg
calendar_month
On light surface Blue-Lo for contrast
calendar_month
On blue Pure white
Usage in Components
In buttons — 18–20px, white, leading the label, 8px gap
schedule
Day 1 · 09:00 – 17:30
In meta lines — 18px, signal blue, before the text
check_circle
Confirmed
schedule
90 min
In pills — 14px, paired with eyebrow-style label
Don'ts
calendar_month
Don't use the outlined or thin-weight variant. XDW always runs Filled at weight 500.
calendar_month
Don't recolour to off-brand hues. Use signal blue, white, near-black, or the blue ramp.
calendar_month
Don't rotate, skew, or animate the glyph itself. Icons sit on the baseline, never tilted.
calendar_month
Don't apply gradients or text-fills to icons. Solid colour only — gradients live on text and surfaces.
Surfaces
05 — Foundations
The system alternates between four surface types in section rhythm. Dark grain (with SVG noise overlay) gives weight and presence; near-white provides editorial breathing room; frosted glass holds floating elements like cards and the nav.
Three radii and four glow elevations cover the system. Elevation is built almost entirely from blue glow rather than dark drop shadow — this is what gives the dark surfaces their lit-from-within feeling.
Radius
XS · Badges
4px
SM · Buttons
6px
MD · Tiles
10px
LG · Cards
12px
Elevation (Glow)
Glow 01
0 0 18px blue/.08
Glow 02
0 0 30px blue/.20
Glow 03 — CTA
0 0 15px blue/.30 + 0 0 40px blue/.10
Glow 04 — Hover
0 0 28px blue/.14 + 0 8px 30px black/.06
Spacing Rhythm
Token
Value
Use
section-pad
100px 0
Default section vertical rhythm
section-pad (1920+)
120px 0
Wide viewports
container max
1200px / 1400px
Content width
card padding
28–36px
Outcome / day / ticket cards
grid gap
16 / 20 / 24 / 32 px
Grids step in 4px
Buttons
07 — Components
Three button variants. The primary uses a glass-blue gradient with inner highlight and a soft outer glow. The outline keeps a 1.5px white border at 15% opacity and also picks up a subtle blur. Both have a 6px radius and Poppins 700 .92rem label.
The card system has three voices: outcome cards (light, blue top-rule, supporting), day cards (light + one inverted dark card to mark a step change), and the result/featured variant (tinted gradient, blue-lo title). On hover, every card lifts 3px and intensifies its blue glow.
.outcome-cardlight · top-rule
Strategic Clarity
A clear picture of AI's trajectory and the steps needed for the next 3–5 years.
.outcome-card.result-cardtinted · featured
The Result
The programme ensures every attendee returns home with the capability and knowledge to implement a strategy.
.day-cardlight
Day 1 2nd June
Internal Transformation
The programme focuses on developing robust internal AI capability across workflows and team skills.
.day-card.day-3inverted · capped
Day 3 4th June
The Implementation Lab
Final-day deep-dive sessions on specific use cases. Limited places to ensure dedicated support.
Limited Places
Zone Tiles
09 — Components
Zone tiles are tall portrait cards (3:5) used for the four zones of the event. Each carries a 40px blue mark, a stacked Poppins 700 title that pushes the supporting line to the bottom, and a layered gradient background that lets imagery sit behind the content.
The Debating Room
Where the industry's hardest questions get unpacked in the open.
The Lab
Hands-on with the tools, workflows and prompts shaping destination work.
The Strategy Room
Build the frameworks and roadmaps you take home to your team.
The Advisory Clinic
Bring a real problem. Leave with a route forward from experts and peers.
Ticket Cards
10 — Components
Ticket cards live on a dark surface. The featured card uses a soft blue gradient fill, a heavier glow, and a small badge nudged off the top edge. Prices are Poppins 800 2rem in --blue-hi.
Destination
Destination Ticket
€595
Full access to Day 1 and Day 2. Day 3 is exclusively for destination members.
Three small components carry status, association and category. All are Poppins 700, uppercase, with .1em+ tracking. Use sparingly — never more than one per card.
.capped-badgestatus
Limited Places
.ticket-badgefeatured marker
Best Valueoffset -10px from card
.framework-labelsection eyebrow
The Intellectual Frame for XDW
.logo-pillassociation
Destination CanadaVisit SkåneVienna Tourist BoardBrand USA
Dividers & Marks
12 — Components
Three repeating marks tie the system together: the 40×2 blue zone-mark, the gradient hairline between sections, and the numbered step block (Poppins 800 2.2rem with a textured blue glow used in the pre-event flow).
.zone-tile-mark40 × 2
section rule1px gradient
.pre-step-numbernumbered step
02
::before top-ruledeliverable card
Social Graphics
13 — Patterns
Social posts run on the deeper navy (#213457 / #0c1730) rather than the website's near-black, with the XDW wordmark used at oversized scale as a watermark on the right edge of the canvas. Headlines sit at the lower-left, set in Poppins SemiBold with a key phrase pulled out in heavier weight + underline. Stats are oversized hairline numerals with a blue glow. The DTTT mark anchors the top-right; the XDW 26 lockup sits top-left with a subtle glow border.
Format A · Headline Stat4:5 · 1080×1350
XDW
Day 1 · 2nd June · Brussels
Most DMOs are investing in AI. Only a few have an AI Governance Strategy.
Format B · Question + Stat4:5 · 1080×1350
Day 1 · 2nd June · Brussels
Travellers are asking AI where to go. Is your website cited in the response?
31%
51% of DMOs are preparing for AI search disruption, yet only 31% expect their own website to become a source of authority for AI answers.
Anatomy
01 · Canvas
Deep navy field, 4:5 ratio
Background uses #213457 → #0c1730 (slightly deeper than the website's near-black). Optional bottom radial glow in --blue. Padding ~5–6% on all sides.
02 · Watermark
Oversized X / D / W stack
Letters at ~38% canvas height, stacked on the right edge, set in Poppins 800. Color: rgba(108,189,250,.05–.06) — barely visible, just enough to give depth.
03 · Top-Left Mark
XDW 26 logo (asset)
Use the official XDW 26 chrome-blue logo asset (PNG with transparent BG). Sized to ~22% canvas width on the top-left. Drop-shadow 0 0 12px rgba(51,165,247,.4) optional on lighter backgrounds for extra glow.
04 · Top-Right Co-Brand
DTTT logo lockup
Always present. Use the white DTTT landscape logo asset, sized to ~18% canvas width. Holds the brand authorship across every post.
05 · Headline
Two-weight, underlined hook
Poppins 600 in --light-blue (#A8D8FF) for the lead-in, Poppins 700 in --lightest-blue (#E7F4FD) with underline for the payoff. Headlines run 5–7% canvas height.
06 · Stat
Hairline numeral, glowing
Poppins 800 at ~32% canvas width, transparent fill with 1.2px stroke in --blue-hi. Glow: 0 0 18px / 0 0 38px in --blue. Always paired with one supporting sentence beneath.
07 · Meta Line
Day · Date · City
Poppins 500, 2.4% canvas width, .18em tracking, UPPERCASE in --light-blue at 70% opacity. Always positioned directly above the headline.
08 · Footer Tag
AI WEEK | 2-4 JUNE, BRUSSELS
Bottom-left, Poppins 500, .16em tracking, UPPERCASE. Always present, never replaced. Pipe (|) separator, never a dash or middle-dot here.
Spec Sheet
Token
Value
Notes
aspect-ratio
4 : 5
Native size 1080 × 1350 px
background
#0c1730 → #213457
Subtle vertical gradient ok; slightly deeper than --near-black
headline (lead)
Poppins 600 · #A8D8FF
~6% canvas height per line, line-height 1.1
headline (hook)
Poppins 700 · #E7F4FD · underline
Underline thickness ~0.4% canvas width
stat numeral
Poppins 800 · stroke #6CBDFA
Transparent fill, 1.2px stroke, blue glow
watermark letters
rgba(108,189,250,.05)
Stacked X/D/W on right edge, ~38cqw each
safe area
5–6% inset
No content closer to edge than this
When to use which format
Format A — Headline Stat
Use when the message IS the headline. Pose a tension, name the gap, underline the hook. No supporting copy, no number — let the words land.
Format B — Question + Stat
Use when the headline raises a question and a single number answers it. Always pair with one supporting sentence; never use two stats on the same canvas.
Tone & Voice
14 — Voice
XDW writes like an event that respects its audience. Sentences are full and confident, never breathless or marketing-led. Subheads make a claim and let the body deliver evidence. Avoid hype words ("revolutionary", "cutting-edge"), avoid emoji, avoid icons-as-decoration.
Do — claim, then deliver
"Three Days. Three Focus Areas."
Don't — hype
"The most revolutionary AI conference of 2026!"
Do — specific, structural
"Where the industry's hardest questions get unpacked in the open."
Don't — vague
"A space for amazing AI conversations."
Do — direct address
"You will leave with a record of the work produced through a follow-up report."
Don't — third-person distance
"Attendees may receive supplementary materials."
House Rules
Capitalisation
Sentence case in body. Title case for section titles and card headings.
Numerals
Days written as "Day 1", "Day 2". Dates as "2nd – 4th June 2026" with en-dash.
Punctuation
British English. Em-dashes —, never -- or hyphens. · for inline meta separation.
Emoji / Icons
No emoji. Use the XDW icon pack (see Iconography). Icons should clarify or label, never decorate.
Brand Name
"X. Design Week" in full first use, "XDW" thereafter. Never "xdw" lowercase.
Social Graphics
13 — PatternsSocial posts run on the deeper navy (#213457 / #0c1730) rather than the website's near-black, with the XDW wordmark used at oversized scale as a watermark on the right edge of the canvas. Headlines sit at the lower-left, set in Poppins SemiBold with a key phrase pulled out in heavier weight + underline. Stats are oversized hairline numerals with a blue glow. The DTTT mark anchors the top-right; the XDW 26 lockup sits top-left with a subtle glow border.
Most DMOs are investing in AI. Only a few have an AI Governance Strategy.
Travellers are asking AI where to go. Is your website cited in the response?
51% of DMOs are preparing for AI search disruption, yet only 31% expect their own website to become a source of authority for AI answers.