Release 25.43.4

Tactics 3.0.13

light_mode

dark_mode

Desktop header

The header is a sticky, modular element that appears across the top of the application screen.

Tactics Documentation desktop_windows All universes

TWIG : Universes/_common/_twig/_components/_header.twig
CSS : DesignSystem/_tactics/_desktop/_css/_components/_header/_header.scss

Default

Background : Red

Pattern

Red, with dark red SVG pattern

Not subscribed/not logged

Not logged

Logged

Logged with notifications without label

Logged

Logged with notifications without label

Primary

Background : Liverly red

Default

Liverly red

Only close button

Close button + Logo

All possible cases

Not subscribed/not logged

Not logged

Logged

Logged with notifications

Logged with active state

Logged with disabled state

Logged without label

Logged with notifications and without label

Logged with active state and without label

Logged with disabled state and without label

Special cases

Only logo

Close button + Logo

Only close button

Close button + logo + share button

Close button + not subscribed/not logged

Close button + not logged

Close button + logged

Close button + Betclic logo + disabled balance amount

2 560,70 €

Close button + balance amount + help button

100,00 €

2 560,70 €

Bonus

Freebet (Sport FR)

Freerace (Turf FR)

Bonus Casino (Casino PT)

casino bonus (Casino PT)

Freebet (Sport PL)

Freebet (Sport AFR)

Cash FCFA (Casino AFR)

Tooltips

TLS tooltip (Sport FR)

100,00 €

2 560,70 €

TLS tooltip (Sport FR) without label

100,00 €

2 560,70 €