Studio Web

Visual testing

Visual testing is disabled for the moment
Manifest files

Github
Confluence
Jira
Jenkins
Firebase
Browserstack

light_mode

dark_mode

description v25.51.0 palette 3.7.4 palette 2.43.7

Getting started
- visibility Templates overview
- Guidelines
  - insert_photo Iconography
  - font_download Typography
- Components
  - public Universes
  - palette Tactics

Guidelines
- Iconography
  - flag Flags
  - sports_soccer Sports
- Typography
  - text_rotation_none Betclic variable
  - text_fields Roboto
Components
- Universes
  - person Account
    - Guidelines
  - casino Casino
    - Banners
      - Gamification
        
        Desktop
        
        Mobile
    - Button
      - Play
    - Bottom Sheet
    - Game cards
      - Desktop
      - Mobile
    - Modal
    - Navigation
      - Header
        
        Mobile
    - ProgressBar
  - smart_toy Chat
    - Banner
    - Button
    - Cards
      - File
      - Withdrawal
    - Conversation
    - Progress bar
      - Circular
    - Window
      - Desktop
      - Mobile
  - content_paste Content
    - Promotion
      - Alert
      - Block
      - Button
      - Card
      - Chip
      - Hero
      - Layout
      - Link
      - List
      - Media
      - Modal
      - Spacing
      - Tab
      - Table
      - Text
      - Title
  - euro_symbol Payment
    - Deposit
      - Buttons
    - Payment cards
    - Text Input
    - Withdraw
      - Payment card
  - sports_soccer Sport
    - Alert
    - Bottom sheet
    - Cards
      - Player card
      - Top multiple
    - Custom keyboard
    - Events
      - Cards
        
        Live
        
        Prelive
      - Headers
        
        Live
        
        Prelive
      - Statistics
        
        Lineup
        
        Momentum
        
        Momentum v1
        
        Momentum v2
    - Modal
    - Freequest
    - Goalbooster
      - Cards
      - Pickers
      - Timers
    - Hack friday
      - Chat
        
        Conversation
        
        Window
      - Progressbar
      - Program card
    - Modal
    - My bets
      - Cards
        
        Prelive
        
        Canceled
        
        Cashout
        
        Lost
        
        Ongoing
        
        Won
        
        Live
        
        Cashout
        
        Lost
        
        Ongoing
        
        Won
        
        Safebet
    - Onboarding
    - Picker
    - Progressive betting slip
      - Common
        
        Footers
      - Desktop
        
        Cards
        
        Headers
      - Mobile
        
        Cards
        
        Fastbet
        
        Headers
        
        Strips
  - bedroom_baby Turf
    - Badge
    - Boosted cards
    - Button
      - Checkout
    - Freequest
    - Meeting cards
    - Jockey cards
    - Market types
    - My bets
      - Cards
        
        Canceled
        
        Lost
        
        Ongoing
        
        Won
    - Meeting cards
    - Onboarding
    - Performance tag
    - Progressive betting slip
      - Common
        
        Footers
        
        Cards
      - Mobile
        
        Strips
        
        Headers
        
        Content
        
        Fastbet
      - Desktop
        
        Headers
    - Race cards
    - Race event
    - Ranking
    - Sections
    - Tag
  - widgets Widget
- Tactics
  - call_to_action Actions
    - Button
      - Betting
      - Cashout
      - Circle
      - Ghost
        
        Ghost
        
        Ghost Interactive
        
        Ghost Primary
        
        Ghost Secondary
        
        Ghost Tertiary
      - Primary
      - Secondary
      - Structure
      - Tertiary
    - Custom keyboard
    - Dropdown
    - Filter (Chip)
    - Link
    - List
    - Segmented control
    - Slider
    - Switch
    - Tab
  - hub Communication
    - Alert
    - Badge
      - Corner
      - Inline
    - Banner
      - Offer
      - Referral
      - Reminder
      - Welcome
    - Bottom sheet
    - Modal
    - Notification
    - Progress bar
    - Snackbar
    - Tag
    - Timer
    - Tooltip
  - looks Decorative
    - Animations
    - Rive
    - Separator
    - Skeleton
  - mode Forms
  - menu Navigation
    - Footer
      - Desktop
      - Mobile
    - Header
      - Desktop
      - Mobile
    - Tab bar

Lineup

Sport

TWIG component : Universes/_sport/_common/_twig/_components/_events/_statistics/_lineup.twig
CSS component : Universes/_sport/_common/_css/_components/_events/_statistics/_lineup.scss

Types of odds link

Default

Active

Down

Suspended

Suspended active

Suspended up

Suspended down

Edit bet

Edit bet active

Others

Disabled

Skeleton

Prelive link

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

Substitutes

Bradley Barcola

Senny Mayulu

Gonçalo Ramos

Lee Kang-in

Lucas Hernández

Ibrahim Mbaye

Lucas Beraldo

Arnaud Tenas

Warren Zaïre-Emery

Live link

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

1 1

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

Substitutes

Bradley Barcola

Senny Mayulu

Gonçalo Ramos

Lee Kang-in

Lucas Hernández

Ibrahim Mbaye

Lucas Beraldo

Arnaud Tenas

Warren Zaïre-Emery

Field compositions

Three lines link

3-4-3

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

3-5-2

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

4-2-4

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

4-3-3

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

4-4-2

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

4-5-1

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

5-2-3

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

5-3-2

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

5-4-1

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

Four lines link

3-4-1-2

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

3-2-4-1

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

4-1-2-3

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

4-1-3-2

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

4-1-4-1

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

4-2-2-2

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

4-2-3-1

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

4-3-1-2

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

4-3-2-1

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

4-4-1-1

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

3-4-2-1

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

3-1-4-2

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

3-4-3-d

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

3-3-1-3

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

3-3-3-1

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

3-5-1-1

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

4-2-1-3

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

5-2-1-2

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

5-2-2-1

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

Five lines link

4-1-2-1-2

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia

4-2-1-2-1

Gianluigi Donnarumma

Achraf Hakimi

Marquinhos

William Pacho

Nuno Mendes

Joäo Neves

Vitinha

Fabian Ruiz

Désiré Doué

Ousmane Dembélé

Kvicha Kvaratskhelia