Aeroporto di Bologna - Design System

Visual Concept

Visual styleguide

Search

Pattern library

- Colors
- Typography
- Airport info
- Announcement
- Author
- Back
- Banner
- Banner Adv
- Blockquote
- - Buttons
  - Links
- - Input autocomplete
  - Checkbox
  - Input
  - Quantity
  - Radio button
  - Rangeslider
  - Select
  - Textarea
- Highlight
- Icons
- Languages
- Launch
- Loading
- Logo
- Menù
- Pagination
- Rounded label
- Status
- Stickers
- Typography
- Weather
- Accordion
- Alert
- App Banner
- Apps
- Bar
- Billboard
- Billboards
- Brackets
- Calendar
- Card
- Carousel
- Chess
- Chip
- Cityguide
- Citymap
- Collapsible
- Contact strip
- Content expo
- Convention
- Cookies alert
- Copyright
- Datefinder
- Bubble
- Detective
- Doorbell
- Dropdown Filter
- F.A.Q.
- F.A.Q. Content
- Fare
- Fare Route
- Flight Info Card
- Flight stops
- Grid pad
- Hero
- Icon list
- Identity
- Instructions
- Launches
- Media
- Metadata
- Multiselect
- Mutant nav
- MyFlight follower
- Navigation switch
- Notifications
- Orientation
- Park info
- Pawn
- Numero passeggeri
- Pictogram
- Progress
- Rent car form module
- Messaggio di risposta
- Retail
- Road Signs
- Route
- Scheduling
- Selection
- Showcase
- Site areas
- Skyscreaper
- Slim Alert
- Snapshot
- Social share
- Socials
- Starters
- Subshortcut
- Suggestion
- Switcher
- Table
- Teaser
- Time detail
- Time switcher
- Tip
- Tooltip
- Total
- Trait
- Transport hallmark
- Tuned
- User Data
- Servizi Aggiuntivi
- Addon
- Vantaggi
- Airport map
- Airport troup
- Booking informations
- Canvas
- Cards
- Cart
- Chips
- Companies list
- Tutorial
- Deck
- Destinations
- - Dialog
  - E-commerce dialog
- Estimate
- Expanded search
- F.A.Q.s
- Filters
- Flight Info Cards
- Flight product
- Flight Table Operators
- Folding
- Follower
- Footer
- Form
- Grid board
- Header
- Helpdesk
- Involve
- Itinerary
- List search
- Magician
- Mosaic Gallery
- Order
- Parkings
- Payment
- Pill
- Postcard
- Prefooter
- Privacy prefs
- Product
- Search filters
- Search listing
- Search suggestions
- Selections
- Skimming
- Skyline
- Starting grid
- Strip cartoon
- Superhero
- Tablist
- Title trend
- Toolbar
- Tutorial
- Utils + billing data
- Voucher Main Form
- Voucher Partial Form
- Warnings
- Youfirst

Styleguide

Airport Info Variants

Default
Stops
More days
Arrival
Stops To

Author Variants

Admin
Collaborator
Reviewer
Superadmin

Banner Adv Variants

Leaderboard
Leaderboard colored
Box
Superbanner

Button Variants

Default
Submit
Confirm
Danger
Adding
Ghost
Disabled
Large
As Link
As Link With Icon
Qty
Icon
Icon Square
Icon Text
Tooltip

Autocomplete Variants

Default
With Button
Typeahead
Loading

Checkbox Variants

Default
Error

Input Variants

Default
Date
Negative
Positive
File
Loading
Disabled
Password

Radiobutton Variants

Default
Error

Select Variants

Default
Disabled
Negative
Positive
Inline
Small

Highlight Variants

Default
Emergency
Grid
Warning
Composite
Covid

Languages Variants

Default
Dropdown language
Flags

Launch Variants

Default
Small Caption
Oblo
Simple
Complex
Destination
Fullimage
Companies

Loading Variants

Default
Fixed

Logo Variants

Default
Innovability
White

Menu Variants

Existing user
Existing user toolbar
Download app
Download app toolbar
Anonymous User
Anonymous User Toolbar
Investors Login
Recognized User
Recognized User Toolbar

Rounded Label Variants

Default
Grey
Positive
Negative
Dark
Relevant
Sky
Small

Status Variants

Default
Status 2
Status 3
Status 4
Status 5
Status delay
Empty

Typo Variants

Huge
Xlarge
Large
Medium
Base
Small

Alert Variants

Default
Negative
Warning
Info
Light Info
Highlighted
Image
Full Rounded

Billboard Variants

Departures
Arrivals

Calendar Variants

Default
Single Company
Select Company

Card Variants

Default
Help
Geeky
Art
Art Linked
Art Linked Super
Responsive
Ticket
Baloon
Multi

Carousel Variants

Default
Top navigation
Gallery
Dot Text
Big Gallery
Background Gallery

Chess Variants

Default
Chinese homepage

Chip Variants

Default
Filter

Collapsible Variants

Default
Documents
Versione 2018
Button
Invoice
Raw

Contact Strip Variants

Default
Dynamic

Content Expo Variants

Default
Parking
Destination

Convention Variants

Form Telepass
Form telepass logged-in
Form Agenzie

Copyright Variants

Default
Emergency

Doorbell Variants

Default
Category
Full

Dropdown Filter Variants

Default
Tabs

Fare Variants

Default
Stopover

Flight Info Card Variants

Check-in
Check-in in ritardo
Imbarco
Imbarco terminato
Decollato
Decollato in ritardo
Atterrato
In arrrivo in ritardo
In arrivo in anticipo
Dirottato
Cancellato
Volo precedente

Grid Pad Variants

Airport Info
Airport assistance
Utilities

Hero Variants

Default
Myflight
Myflight FR 24
Wave

Icon List Variants

Default
Horizontal

Identity Variants

Default
Simple
Agency

Launches Variants

Default
Small Caption
Simple
Retail

Media Variants

Default
Warning
Matryoshka
Reverse
Titled
Matryoshka Fluid

Metadata Variants

Default
Icon
Image

Myflight Follower Variants

Departure
Arrival

Navigation Switch Variants

Default
Chinese
Emergency
Investors
Society

Orientation Variants

Dropdown default
Dropdown chinese
Emergency
Investors
Logged
Nomenu
Society

Response Msg Variants

Default
Raw

Route Variants

Default
Stop detail
Moredays

Selection Variants

Default
Compact
Responsive
Responsive Extra Text
Inputless
Expandable
Checkbox

Showcase Variants

Default
Full

Skyscreaper Variants

Default
Extra

Slim Alert Variants

Default
Generic
Mid Size Text
Notifications

Snapshot Variants

Default
Video
Video Title
Gallery
Gallery Title
Orphan
Single

Starter Variants

Default
Documents
Related links
Feed
Alert
Insights
Archive
Login
Logout
Car indications
Identity

Suggestion Variants

Default
Simple

Switcher Variants

Default
Extended

Table Variants

Default
Parkings Price
Flights Departures
Flights Arrivals
Online Payment Methods
Offline Payment Methods
Offline Payment Methods Vip Lounge
Flights Arrivals Minimal
Flights Departures Minimal

Teaser Variants

Default
Cta

Time Detail Variants

Static
Editable
Convenzioni
Product

Tooltip Variants

Default
Telepass
Bill
Qrcode
Qrcode Text

Total Variants

Default
Checkout
Payment Type
Payment Type Complex

Tuned Variants

Default
Phone

User Data Variants

Default
Recap
Raw Recap

Addon Variants

Adding
Removing
MBL
Parking
Modify
Discounts

Airport Map Variants

Default
Search Results
Category Selected
Detail
Empty State
Area
Area Parcheggi
Area Dettaglio

Booking Info Variants

Default
Flights
Fullbleed

Canvas Variants

Default
Content Template
Content Template Inverted
Content Template No Sidebar
Map

Cards Variants

Default
Geeky
Adv
Baloon

Cart Variants

Flights
Parkings
Park Recap
Park Recap Minimal

Chips Variants

Default
Filters

Deck Variants

Default
Lounge Fitness

Dialog Variants

Default
Parking Info
Parking Map
Conventions
Privacy
Save And Book
Create Password
Car Valet
Delete Account
Delete Reservation
Newsletter
Weekend fare
Parking Form Conventions
Mbl Form
Youfirst Departure
Youfirst Arrival
Login
Flights form
Dayflight
Bill detail
Gallery
Gallery single
Button
Online Payment Methods
Online Payment Methods Cta
Offline Payment Methods
Offline Payment Methods Vip Lounge
Search
Confirm Offline
Mbl Info
Mbl Map
Parking Form Mbl
Parking Form
Useful Info
Flight Filters
Flight Fares
Flight Single Fare
Voucher Detail

Ecommerce Dialog Variants

Parking edit: loading
Parking edit: fail
Parking edit: success

Estimate Variants

Default
Switch

Filters Variants

Flights
Flights Stacked

Flight Product Variants

Default
With stop
Round and trip
Round and trip with stops Moredays
Round and trip with stops

Footer Variants

Default
Society
Investors
Innovability
Chinese
Minimal
Emergency

Form Variants

Form profile
Form MBL profile
Form flight
Error
Form personal data
Form access data
Parkings
Form invoice
Mbl
Form flights
Form flights dialog
Form express
Form agency profile

Header Variants

Default
Host
Host Progress
Progress
Logged
Myflight
Society
Investors
Innovability
Chinese
Emergency
Minimal
No Shortcuts
Test

Helpdesk Variants

Default
Contacts

List Search Variants

Default
Inline
News Archive
Photogallery
Static

Megamenu Variants

Default
with Button
with Form
with Image

Primary Navigation Variants

Default
Society
Investors
Innovability
Chinese
Emergency

Shortcuts Navigation Variants

Default
Chinese
Emergency
Innovability
Investors
Society

Order Variants

Default
Collapsible
Static
Button

Product Variants

Parking P1
Parking P1 Discount
Parking P1 Esaurito
Parking P2
Parking P3
Parking P4
Parking P5
Parking P6
P Express
P Premium
Parking Car Valet
Park Recap
Park Recap QR code
Mbl Recap
MyBLQ Telepass
Compact
Carousel product
Carousel Discount
Parking POP
Stacked
Myblq Qrcode Pagato

Starting Grid Variants

Default
Split
Billboards
Chinese
Simple

Superhero Variants

Default
Maskless
Parkings
Mbl
Flights
Nav
Switcher
Details
Minimal
Arrivals
Emergency
Formflights
Manteinance

Tablist Variants

Default
Flights list
Destination
Flights Times
Forms
Billboards
Flights List Toggle
Titolo Borsa
Youfirst

Toolbar Variants

Default
Progress
Logged
Clean
Myflight
Investors
Chinese version
Emergency
Innovability
Language
Nomenu
Society

Utils Variants

Default
Utils flight
Telepass

Voucher Main Form Variants

Default
Minimal

Voucher Partial Form Variants

Default
Double Payment
Malfunction
Flight

Warnings Variants

Default
Telepass
Sky

Page Parkings Addons Step 1 Variants

Default
Loading

Page Profile Variants

Default
Con notifica

Page Reservation Detail Variants

Default
Unactive
Telepass

Page Order Detail Variants

Default
Esito richiesta

Page Flights Results Variants

Default
Caricamento voli

Page Arrivals Departures Variants

Default
Versione emergenza

Page Home Travel Variants

Default
Immagine Alternativa 2
Immagine Alternativa 3
Versione emergenza

Page Society News Detail Variants

Default
No Sidebar

Page Voucher Assistance Variants

Parking
Mbl

Page Airport Maps Variants

Default
Search Results
Category Selected
Detail
Empty State
Area
Area Dettaglio
Area Parcheggi

Page Search Results Variants

Default
Nessun risultato

Page Cookie Policy Variants

Default
Versione emergenza