Design System
Button Components
All silorix-btn variants with GSAP sweep hover effects.
Hover each button to preview the animation.
On Light Background
Solid
Used in context
On Dark Background
Solid
Outline
Used in context
On Brand Blue Background
Full Reference — All 8 Variants
Orange
Solid · brand-orange-500
.silorix-btn--orange
Blue
Solid · brand-blue-500
.silorix-btn--blue
White
Solid · white-500
.silorix-btn--white
Dark Blue
Solid · dark-blue-500
.silorix-btn--dark-blue
Outline White
Outline · white-500
.silorix-btn--outline-white
Outline Orange
Outline · brand-orange-500
.silorix-btn--outline-orange
Outline Blue
Outline · brand-blue-500
.silorix-btn--outline-blue
Outline Dark Blue
Outline · dark-blue-500
.silorix-btn--outline-dark-blue