Tripkicks Demo

Demo deck style sheet

Every building block in the Catalyst demo deck slides. Colors come from the project color styles in Assets.

Colors (project color styles used by the demo deck)

tkBlue (Primary)

#3D7AFD

Primary 400

#2E82FF

800

#306EF2

Primary 600

#0053D1

Navy (Dark Slate Copy)

#142961

Dark Slate

#1F2129

Ink (Secondary)

#0F0F10

Gold

#FFAD14

Gold 300

#FFE4A3

light key color

#EFEDF0

#EDF5FF

200

#BBD5FF

White

#FFFFFF

card back gray

#F5F5F5

Grayscale 500

#7B818E

Grayscale 800

#3D4047

BackFrost

rgba(31, 33, 41, 0.2)

BackFrostBlue

rgba(19, 36, 105, 0.2)

HardFrost

rgba(20, 41, 97, 0.6)

Secondary 500

#9763FF

Tertiary 500

#2FD3B7

Success 500

#79C23E

Warning 500

#ED9A1C

Error 500

#E33232

Part-of-trip colors (newPartsofTrip standard; hex only, not color styles yet)

#7D39ED

BOOKING

#3C83F7

PRE-TRIP

#F69E1C

ON-TRIP

#12B980

POST-TRIP

#F14246

EXPENSE

#09A5E9

ANYTIME

#363F51

Type scale (demo deck text styles)

Heading 1b · Neulis Sans 80px / 600

Personalized Guidance

H1 · Neulis Sans 72px / 600

Personalized Guidance

Heading 3 · Neulis Neue 45px / 400

Personalized Guidance

Heading 2b · Neulis Sans 43px / 500

Personalized Guidance

Heading 1 · Inter 40px / 700

Personalized Guidance

Page title · Inter 36px / 500

Personalized Guidance

CatHeadline · Geist 32px / 600

Personalized Guidance

CatHeadline Core · Neulis Sans 30px / 600

Personalized Guidance

Heading 2 · Inter 30px / 700

Personalized Guidance

demoNav2 · Neulis Sans 20px / 400

Personalized Guidance

Heading 6 · Inter 16px / 600

Personalized Guidance

Page text · Inter 16px / 500

Personalized Guidance

demoNav1 · Neulis Sans 15px / 500

Personalized Guidance

Body · Inter 10px / 500

Personalized Guidance

Slide chrome

Breadcrumb headerTop right of every Catalyst slide

Catalyst core componentPersonalized guidance Tripkicks

Section tag chipAbove the title on core component slides

Catalyst core component

Slide title + leadCore component slides (5-9)

Personalized
Guidance

Automatically adjusts messaging, timing and prominence in real time based on individual traveler behavior.

Question headlineProblem slides (2, 3)

What's getting in the way of travel managers moving their programs forward?

Section nav tabsTop of the cover and demo slides

SearchBookingPre-tripOn-tripPost-tripExpenseAnytime

Cards and panels

Feature callout cardLeft column of core component slides

Driven by traveler behavior, trip history, and policy compliance.

The same tactic presents differently to two travelers.

Icon feature cardPlaybook, Smart Prioritization, Access Anywhere

✦

Proven tactics

Ready-to-use messages with triggers, thresholds, and KPIs.

Takeaway barBottom of core component slides

Takeaway

Delivers the right message to each traveler at the right moment.

Ideal cardProblem B, ideals of a forward-moving program

Travelers make the right call

The right option becomes the obvious one, on every decision.

Core component tilePlatform slides (12, 13)

Smart Prioritization

Behavioral Playbook

Light impact tileThe Solution (slide 5)

Wellness and Safety

Traveler Experience

Cost Savings

Stage frameOuter glass panel on every slide

Slide content sits inside this frame, over the AbracaBackground video

Tags and chips

Part-of-trip tag: stageOnce or twice per card or column

SEARCHBOOKINGPRE-TRIPON-TRIPPOST-TRIPEXPENSEANYTIME

Tint / white / dot formsRide next to a stage tag

Pattern InterventionSlackHigh Intensity

Persona chipsPersonalized Guidance traveler cards

Daniel

Pattern Intervention

Jimmy

Positive Recognition

Jessica

New traveler

Touchpoint barBottom of the platform slides

SEARCHBOOKINGPRE-TRIPON-TRIPPOST-TRIPEXPENSEANYTIME