Uvlis Design v1

Uvlis Design

La referencia visual del sistema de diseño de Uvlis: violeta eléctrico + cyan sobre un lienzo oscuro, con el lenguaje Apple-glass que da a toda la plataforma su acabado premium.

Empezar Ir a Uvlis
Paleta de color
Primary 500
#7C3AED
Primary 400
#8B5CF6
Primary 300
#A78BFA
Primary 600
#6D28D9
Accent 500
#06B6D4
Accent 400
#22D3EE
Success
#22C55E
Danger
#EF4444
Warning
#F59E0B
BG Base
#0A0A0F
BG Elevated
#1A1A2E
Text Primary
#F0F0F5
Tipografía
46px
Extrabold 800
Display
32px
Bold 800
Encabezado uno
26px
Bold 700
Encabezado dos
17px
Regular 400
Texto de cuerpo para párrafos y descripciones, con una altura de línea cómoda para leer.
13px
Bold 700
Etiqueta / caption
13px
Mono
--primary-500: #7c3aed;
Botones
Primary
Secondary
Danger
Ghost
Superficies & glass
Base#0A0A0F
Surface#12121A
Elevated#1A1A2E
Overlay#22223A
Glassblur 28px
Glowbrand grad
Tarjetas
Nuevo
Juegos en vivo
Partidas multijugador en tiempo real con voz por sala y apuestas de fichas.
18 juegosJugar
Popular
Comunidad
Senderos de aprendizaje, bounties, hackathons y el chat de siempre.
ComunidadEntrar
Gradientes & sombras
Primary
violet → cyan
Warm
pink → coral
Glow
radial
Hero
dark ramp
Sombras
Soft
Glass
Glow
Componentes
Badges
Completado En curso Fallido Racha Premium
Input + botón
Toggles
Progreso
85%
60%
35%
Tooltip · fichas · racha
Pásame el cursor¡Así se ve un tooltip!
🪙1,240
🔥42
Chips, avatares & progreso
Chips / filtros
Juegos Comunidad Casino Creadores
Grupo de avatares
+5 8 activos ahora
Progreso (oscuro)
72%
45%
Badges (oscuro)
Dominado Repaso Corona