GDL - Global Design Language
Installation and Usage
Installation
Install
npm
and
gulp4.0
globally
Clone repository on your computer (e.g.
/projects/
)
Run
npm install
in project folder to install project dependencies from package.json
If needed, install gulp locally too
Terminal Commands
gulp fractal:dev
to start local development enviroment
gulp build --env prod
to build assets for production
Search
documentation
Overview
Installation
How To Use
Design Tokens
Library
Components
Accordion
Default
Checkbox
Alphindex
Animation
Atomictypos
Attachments
Default
Gallery
Audioplayer
Avatar
Badge
Boxcta
Brand
Default
Small
Large
Inverse
Europe
Breadcrumb
Button
Default
Link
Naked
Primary
Secondary
Special
Dossier
Evidence
Sizes
States
Styles
Tags
Card
Eventi
Cinema
Cinema Local
Ristoranti
Shopping
Carousel
Default
Lightbox
Decoration
Details
Dialog
Dropdown
Default
Filter
Network
Footer
Default
Vanilla
Forms
Action
action -- default
action -- wide
action -- small
Capcha
Checkbox
Input
Default
Subject
Password
Avatar
Code
Date
File
Sizes
States
Radio
Range
Select
Select -- default
Select -- small
Step Controls
Switch
Textarea
Header
Default
Slim
Slim Inverted
Wide
Cibo
Local
Vanilla
Icons
Default
Cibo
Cook
Sport
Full
Intro
Default
Blog
Local
Introplayer
Js
Default
Form
Landscapebox
Lightbox
Lister
Loader
Logo Europa
Maplist
Menu
Default
Local
Modal
Default
Media
Popover
Global
Orientation
Modetoggle
Newsletter
Default
Local
Notification
Default
Infos
Warning
Error
Success
Pager
Pagination
Paywall
Poi Detail
Poll
Default
Results
Error
Post
Text
Image
Preload
Promo
Default
Weekend
Rating
Default
Input
Readingbar
Searchbar
Share
Skeleton ADV
Default
Body
Slider
Default
Scroll
Stepper
Default
Numberless
Stickyplayer
Story
Cover
Stack -- big
Stack -- compact
Stack -- narrow
Stack -- tiny
Stack -- square
Stack -- square-small
Inline -- large
Inline -- small
Inline -- small-reverse
Inline -- xs
Inline -- xs-reverse
Inline -- big
Inline -- square
Inline -- square-reverse
Inline -- square-reverse
Inline -- compact
Inline -- narrow
Inline -- tiny
focus
Podcast
Inset -- big
Inset -- compact
Square -- dark
Card
Overlay -- vertical
Overlay -- horizontal
Overlay -- dynamic
Editorial
Number
Search
Live
Subheader
Default
Sponsor
Navbar
Navbar Only
Navbar Sub
Navbar Large
Purple
Amber
Teal
Dossier
Cibo
Sport
Subscription
Default
Selected
Plus
Full
Switcher
Tab
Table
Default
Flotted
Tag
Tile
Default
Inverse
Timer
Title
Title line
Title multiline
Title multiline small
Title featured
Title featured multiline
Toolbar
Typography
Pages
Channel
Default
Cibo
Localcibo
Child
Cover
Podcast
Dossier
Video
Tag
Foto
Parent
Opinioni
Diretta
Tv
Eventi
Cinema
Show
Ristoranti
Shopping
Local Opinioni
Branded
Cinema Local
Branded Event
Sponsored
Sport
Homepage
Cover
Preview
Apertura
Fullpage
Trio
Item
Article
Guida
Event
Cinema
Show
Short
Approfondimento
Dossier
Approfondimento Close
Map
Branded
Video Branded
Sponsor Event
Video
Social
Podcast
Gallery
Blog
Amp
Local Blog
Sport
Location
Newsletter
Author
Landing
Default
Cibo
Industry
Welcome Back
Newsletter Dossier
Default
Plus
Full
Poi Detail Map
Search
Segnalazioni
Subscriptions
Default
Basic Year Notlogged
Plus Moth Logged
Plus Year Logged
Thankyou
Default
Plus
Full
User
Default
Login
Logout
Signup
Buysignup
Activate
Recovery
Delete
Edit
Profile
Subscriptions
Arguments
Notifications
View
Buy
Wide
Zone
Templates
Adv
Adv Duo Column
Adv Duo Row
Adv Three
Cpc Template
Idoctor
Masthead
Native
Default
Article
Homepage
Event
Iframe
Autopromo
Native Desktop Article
Native Desktop Event
Native Desktop Home
Native M
Native S
Superheader
Focus
Big
Double
Small
Video Big
Video Grid
Cover
Single Default
Single Light
Single Dark
Channels
Channels Cover
Dynamic
Dossier
Gallery
Form
Default
Avatar
Login
Logout
Delete
Recovery
Activate
Signup
Buysignup
Buysignupshort
Signup Social
Edit
Edit Profile
Edit Subscriptions
Edit Payments
Edit Arguments
Edit Notifications
Lead
Buy
Subscription
Headlines
Headlines Apertura
Headlines Apertura Ad
Headlines Card
Headlines Cover
Headlines Featured
Headlines Flower
Headlines Four
Headlines Preview
Headlines Sponsored
Headlines Trio
Headlines Trio Sidebar
Items
Grid Medium
Grid Small
Grid Large
Grid Big
Grid Double
Grid Trio
Grid Compact
Cards
Channels
List
Duo
Five
Alternated
Dynamic
Editorial
Grid Trisome
List Headlines
Legals
Default
Cookie Policy
Privacy Policy
Termini Condizioni
Smb
Default
Click To Site
Click To Call
Click To Whatsapp
Drive To Store
Event
Download App
Story
User
Activate
Arguments
Buy
Buysignup
Buysignupshort
Delete
Edit
Lead
Login
Logout
Notifications
Profile
Recovery
Signup
Usersubscription
View
Information
Version:
v1.0
Built on:
05/02/2026