November 2026
SunMonTueWedThuFriSat12345678910111213Disney tickets · 13 Nov1415161718192021222324252627282930
Nookivia visual language · current production patterns
Your trip.
Your nook.
The live catalogue of the components used across Nook, trip views and the current Nookivia design reference.
01
Nook hero
Warm introductory scene with the trip promise, soft landscape, sun, clouds and passenger-plane artwork.
Your nookAll your little
adventures.
adventures.
Trips, plans and bookings in one happy place.
02
Trip card
Current production treatment: large image, country badge, destination icon, dates, status and a clear view action.
FranceDisneyland Paris
5–8 Nov 2026
Theme parkView trip 03
Calendar
The calendar shows one complete month as the reference example. Planned events have a clear hover treatment, ranges show their continuity, and today remains distinct.
Single day
One booked day without a range.
1011121314
Two-day range
Two consecutive days belonging to the same trip.
1011121314
Different consecutive states
Adjacent days can represent different kinds of plans.
1011121314
Three-day range
Start, middle and end keep the range visually connected.
1011121314
Planned event · hoverHover or focus the 13th to reveal the event and date.
See everything together
Open calendarUse the calendar to spot busy days and open space before you add another plan.
04
Trip detail hero
Split hero: destination photography on the left, trip identity and route on the right. The country badge sits over the image.
France Theme park tripDisneyland Paris
5–8 Nov 2026
London Luton → Paris CDG05
Trip summary
Five compact summary tiles on desktop. The total tile uses the strongest surface. Tiles become fewer columns on smaller screens.
06
Trip tabs
Use the same underlined tab language for Transport, Accommodation, Activities and other related trip views. On narrow screens the row scrolls rather than wrapping into a second control row.
07
Booking cards
Booking cards combine provider, status, title, price, route or location, confirmation and the relevant action. The provider registry below is the complete list of branded providers currently supported.
easyJetBooked
London Luton → Paris CDG
Thu 5 Nov · 07:10 → 09:35
LTNCDG
Booking reference · ABC123 Manage flight ↗
Holiday Inn ExpressBooked
Holiday Inn Express Luton
5 Nov → 8 Nov · 3 nights
2 Percival Way, Luton LU2 9GP
Confirmation · HIEX-2048 View provider ↗
UberBooked
Paris CDG → Disneyland Paris
Thu 5 Nov · airport transfer
Pickup instructions and driver details
Purple ParkingBooked
Airport parking
London Luton · 5–8 Nov
Car park location and pickup instructions
08
Supported providers
This is the complete branded provider registry used by booking cards. Each provider shows the same reusable identity treatment, and the status confirms whether it is currently present in production trip data.
Known brands
Every provider in the canonical registry. Logo availability is part of the data, not handwritten into this page.
easyJetBrand match · flight · logo + name
IcelandairBrand match · flight · logo + name
UberBrand match · transfer · logo + name
SNCFBrand match · transfer · logo + name
Holiday InnBrand match · accommodation · logo + name
Hotels.comBrand match · accommodation · logo + name
CampanileBrand match · accommodation · logo + namePurple ParkingBrand match · parking · name treatment
Fallback combinations
These are the supported display paths when a booking provider is not in the brand registry.
Example AirwaysFallback · flightUnknown flight provider: canonical transport icon plus provider name.
Example HotelFallback · accommodationUnknown accommodation provider: canonical hotel icon plus provider name.
Example TransferFallback · transferUnknown transfer provider: canonical transfer icon plus provider name.
Example ParkingFallback · parkingUnknown parking provider: canonical parking icon plus provider name.
?Provider name onlyFallback · generic
Final fallback when no brand logo or useful booking type is available.
09
Asset icons
The complete set of reusable SVG assets, grouped by their role in the travel experience.
Transport
Places & landscapes
Activities & outdoors
Planning & dates
Travel details
Nookivia brand
10
Route / journey
Routes make movement explicit with familiar codes, a quiet horizontal connector and a transport icon sitting on the journey line. Do not use abstract arrows as a substitute for a vehicle.
DepartureLTNLondon Luton
ArrivalCDGParis Charles de Gaulle
10
Travel details
Use small, readable information blocks for confirmations, addresses, terminals, pickup instructions, rooms, contacts and maps.
Check-in15:00 · 5 NovAddress2 Percival Way, LutonConfirmationHIEX-2048PickupMeet at Terminal 2 arrivals11
Timeline
Chronological trip view: day grouping, time column, canonical event icon, event card and optional metadata. Events with a duration show their start and end time together.
5
Thursday · 5 November
Travel day
London Luton → Paris CDG
easyJet · 2h 25m · ABC123
Paris CDG → Disneyland Paris
Uber · 35m · pickup instructions available
Holiday Inn Express Luton
Check-in · 3 nights
12
Interaction states
Focus must be visible, touch targets must remain usable and reduced-motion users should not lose information.
Source of truth
The design system defines the rules and icon system. The current component specification defines production anatomy and responsive behaviour. This page is the living visual catalogue. If production UI introduces a reusable pattern, update the documentation and visual examples in the same change.
14
Homepage & About components
Reusable editorial and marketing components used by the public Nookivia homepage and About page. These belong in the same visual catalogue as the product UI.
Quotes & statements
Oh. It just knows.
That’s the feeling Nookivia is built for.“Oh. It just knows.”
Your trip. Your nook.
Feature cards
Bring it together
Flights, hotels, bookings and plans, gathered into one easy-to-follow trip.
Keep it handy
Your itinerary stays somewhere simple, useful and ready when you need it.
Get on with going
Less hunting around for details. More looking forward to where you're going.
Fun
Travel is something to look forward to. Nookivia should make it feel a little more exciting.
Simple
No maze of settings. No manual admin marathon. Just the things you need, when you need them.
Personal
Your trips are yours. Nookivia should feel like a place made for your plans, not a generic dashboard.
Clever
The clever stuff happens quietly. You get the useful result without needing to think about how it happened.
About-page definition quote
“A corner, as in a room; any secluded or obscure corner; any small recess; any remote or sheltered spot.”
Voice chips
tripadventuregetawayplansnookreadygoingexplore
travel administrationworkflowdata extractionAI-powered platform
Closing CTA
Less searching. Less planning. More going.
That’s Nookivia.