SkyTechSport
Design System
UI Kit · Tokens · Components
Typography
Primary: Graphik · Secondary (display/H1): Work Sans
Cutting-Edge Interactive Sports Simulators
Experience the Future of Sports Training
Advanced Snowsports Simulator Technology
Immersive virtual reality integration
Smart sensors capture your technique while a coach gives instant feedback
body-lg · 20px / 400
We build cutting-edge interactive sports simulators for professional athletes and enthusiasts.
body-md · 18px / 400
We build cutting-edge interactive sports simulators for professional athletes and enthusiasts.
body-base · 16px / 400
We build cutting-edge interactive sports simulators for professional athletes and enthusiasts.
body-sm · 14px / 300
We build cutting-edge interactive sports simulators for professional athletes and enthusiasts.
label-xs · 12px / 500 · CAPS · tracking 0.08em
Feature Highlights
label-sm · 14px / 500
Feature Highlights
label-md · 16px / 500
Feature Highlights
Colors
Все токены из @theme · global.css
accent (Ski)
#ea484d
accent-lime (BotBoxer)
#c6f144
accent-violet (BalancePlay)
#8576ff
accent-orange (SmartHoop)
#ff6c31
dark · gray-850
#17191d
darker · gray-900
#121217
darkest · gray-1000
#0d0d18
red-400
#ea484d
red-500
#c70407
red-600
#a01010
lime-300
#c8ff48
lime-400
#c6f144
lime-500
#79ed74
orange-400
#ff6c31
orange-500
#e85d20
violet-400
#8576ff
violet-500
#6d5aff
carmine
#ff3062
50
#f9f9f9
100
#f5f5f5
200
#f3f3f3
300
#ebebeb
400
#b1b1b1
500
#7e7e7e
600
#424242
650
#36373a
700
#2a2c32
750
#23252a
800
#1e2024
850
#17191d
900
#121217
950
#141418
1000
#0d0d18
Arrow Links
link-arrow · 16px / 400 · стрелка → через SVG
Spacing
Базовая единица — 4px
2xs
8px
xs
12px
sm
20px
md
40px
lg
60px
xl
80px
2xl
100px
3xl
140px
Product Themes
CSS-класс на body переопределяет --color-accent для всех дочерних компонентов
.theme-ski
Ski Simulators
#ea484d
.theme-botboxer
BotBoxer
#c6f144
.theme-balanceplay
BalancePlay Pro
#8576ff
.theme-smarthoop
SmartHoop
#ff6c31