Studio Web
Studio Web solution deployed on 12/12/2025 at 16:55:57
Tactics Betclic version : 3.7.4
Tactics Clickbet version : 2.43.7
Switch Design System theme
Betclic / Clickbet
Shortcut : MAJ + T
Switch theme mode
Light / Dark
Shortcut : MAJ + D
Studio Web solution deployed on 12/12/2025 at 16:55:57
Tactics Betclic version : 3.7.4
Tactics Clickbet version : 2.43.7
-
Getting started
-
Guidelines
-
Iconography
-
Typography
-
-
Components
-
Universes
-
person Account
-
casino Casino
-
Banners
-
Button
- Bottom Sheet
-
Game cards
- Modal
-
Navigation
-
Header
-
- ProgressBar
-
-
smart_toy Chat
- Banner
-
Button
-
Cards
- Conversation
-
Progress bar
-
Window
-
content_paste Content
-
euro_symbol Payment
-
Deposit
- Payment cards
- Text Input
-
Withdraw
-
-
sports_soccer Sport
- Alert
- Bottom sheet
-
Cards
- Custom keyboard
-
Events
-
Cards
-
Headers
-
Statistics
- Lineup
-
Momentum
-
- Modal
-
Freequest
-
Goalbooster
-
Hack friday
- Modal
-
My bets
- Onboarding
- Picker
-
Progressive betting slip
-
bedroom_baby Turf
- Badge
- Boosted cards
-
Button
-
Freequest
- Meeting cards
- Jockey cards
- Market types
-
My bets
- Meeting cards
- Onboarding
- Performance tag
-
Progressive betting slip
- Race cards
- Race event
- Ranking
- Sections
- Tag
-
widgets Widget
-
-
Tactics
-
call_to_action Actions
-
hub Communication
-
looks Decorative
-
mode Forms
-
menu Navigation
-
-
Title
A title can be contained in different HTML tags like div, h(n) or span. A contentPage_title can accommodate different predefined CSS classes to apply wanted style (see below).
Notes : The xLarge result variant is used only on Desktop. To keep the same DOM on mobile and desktop mode, the xLarge properties are overload on mobile to match with large properties.
TWIG component : Universes/_content/_promotion/_twig/_components/_title.twig
CSS components : Universes/_content/_promotion/_css/_components/_title.scss