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

Casino

Game cards

TWIG component : Universes/_casino/_common/_twig/_components/_game_card.twig
CSS component : Universes/_casino/_common/_css/_components/_game_card.scss
Universes/_casino/_webapp/_css/_components/_game_card.scss

Spotlight

Full

2m 37s

Consectetur do occaecat ea eiusmod

Non officia elit tempor magna. Aliquip consequat commodo voluptate fugiat aliqua cillum.

With small gradient

2m 37s

Consectetur do occaecat ea eiusmod

Non officia elit tempor magna. Aliquip consequat commodo voluptate fugiat aliqua cillum.

With video

2m 37s

Consectetur do occaecat ea eiusmod

Non officia elit tempor magna. Aliquip consequat commodo voluptate fugiat aliqua cillum.

With overlay

You are in the game !

2m 37s

Consectetur do occaecat ea eiusmod

Non officia elit tempor magna. Aliquip consequat commodo voluptate fugiat aliqua cillum.

With long text

<span class='icons icon_freespin'></span>Sunt cupidatat deserunt proident cupidatat nostrud do amet quis. Occaecat irure voluptate aliqua id ut adipisicing incididunt ipsum. Reprehenderit ullamco excepteur qui proident est sunt tempor pariatur id commodo voluptate occaecat consequat. Fugiat magna pariatur voluptate velit nisi.

Sunt cupidatat deserunt proident cupidatat nostrud do amet quis. Occaecat irure voluptate aliqua id ut adipisicing incididunt ipsum. Reprehenderit ullamco excepteur qui proident est sunt tempor pariatur id commodo voluptate occaecat consequat. Fugiat magna pariatur voluptate velit nisi.

Nisi ex do ea eu. Qui incididunt culpa anim excepteur in sint dolore excepteur ea anim et consectetur ad nulla. Esse elit qui aliqua tempor ea ut non nisi incididunt labore laborum.

Without button

Consectetur do occaecat ea eiusmod

Non officia elit tempor magna. Aliquip consequat commodo voluptate fugiat aliqua cillum.

Without text and button

Consectetur do occaecat ea eiusmod

Without title and button

Non officia elit tempor magna. Aliquip consequat commodo voluptate fugiat aliqua cillum.

Without text

Consectetur do occaecat ea eiusmod

Without title

Non officia elit tempor magna. Aliquip consequat commodo voluptate fugiat aliqua cillum.

Without title and text

Empty

With banner

Consectetur do occaecat ea eiusmod

Occaecat minim tempor in nostrud incididunt est ipsum consectetur. Labore eu sit labore laborum proident irure sint aute quis.

Mini Spotlight

Full

2m 37s

Consectetur do occaecat ea eiusmod

Non officia elit tempor magna. Aliquip consequat commodo voluptate fugiat aliqua cillum.

With long text

Sunt cupidatat deserunt proident cupidatat nostrud do amet quis. Occaecat irure voluptate aliqua id ut adipisicing incididunt ipsum. Reprehenderit ullamco excepteur qui proident est sunt tempor pariatur id commodo voluptate occaecat consequat. Fugiat magna pariatur voluptate velit nisi.

Nisi ex do ea eu. Qui incididunt culpa anim excepteur in sint dolore excepteur ea anim et consectetur ad nulla. Esse elit qui aliqua tempor ea ut non nisi incididunt labore laborum.

Without button

Consectetur do occaecat ea eiusmod

Non officia elit tempor magna. Aliquip consequat commodo voluptate fugiat aliqua cillum.

Without text and button

Consectetur do occaecat ea eiusmod

Without title and button

Non officia elit tempor magna. Aliquip consequat commodo voluptate fugiat aliqua cillum.

Without text

Consectetur do occaecat ea eiusmod

Without title

Non officia elit tempor magna. Aliquip consequat commodo voluptate fugiat aliqua cillum.

Without title and text

Empty

With foreground

2m 37s

10 / 24

With banner

Consectetur do occaecat ea eiusmod

Occaecat minim tempor in nostrud incididunt est ipsum consectetur. Labore eu sit labore laborum proident irure sint aute quis.

Compact

Amount

Spacewars 2 : Powerpoints

10 546,45 €

Text

Spacewars 2 : Powerpoints

1 day

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

1 day

Portrait

Large

Default

Spacewars 2 : Powerpoints

999,999.99€

Spacewars 2 : Powerpoints

Interactive

Spacewars 2 : Powerpoints

Interactive

Spacewars 2 : Powerpoints

Interactive

Spacewars 2 : Powerpoints

Interactive

Alternative

Gravity Bonanza

1 hora atrás

Medium

Default

Spacewars 2 : Powerpoints

999,999.99€

Spacewars 2 : Powerpoints

Interactive

Spacewars 2 : Powerpoints

Interactive

Spacewars 2 : Powerpoints

Interactive

Spacewars 2 : Powerpoints

Interactive

Alternative

Gravity Bonanza

1 hora atrás

Small

Default

Spacewars 2 : Powerpoints

999,999.99€

Spacewars 2 : Powerpoints

Interactive

In play

Spacewars 2 : Powerpoints

Interactive

Spacewars 2 : Powerpoints

Interactive