Zenit · Design System

V1.0 · interno · 2026-05-26

Tipografías · Orbitron (heading) + Exo 2 (body)

Headings · Orbitron

H1 Zenit Launcher 900 · clamp(2, 5vw, 3rem)
H2 Diseñado para durar 800 · clamp(1.75, 4vw, 2.25rem)
H3 Gestión de Modpacks 700 · clamp(1.375, 3vw, 1.875rem)
H4 Subtítulo menor 700 · clamp(1.125, 2vw, 1.5rem)

Body · Exo 2

body-1 El launcher más moderno para Minecraft. 400 · 1.125rem · lh 1.63
body-2 Instala modpacks en segundos. 400 · 1rem · lh 1.63
body-3 Subtítulo o ayuda secundaria. 400 · 0.875rem · lh 1.63
label Etiqueta de UI 600 · 0.8125rem
eyebrow Quiénes somos 300 · 0.75rem · tracking 0.1em
caption v4.0.16 · ~90 MB 300 · 0.75rem · grey-500

Paleta de colores

Brand

primary#000000
secondary#FFFFFF

Tints (fondos casi negros)

tint-50#080808
tint-100#0A0A0A
tint-150#0D0D0D
tint-200#111111
tint-300#13141E
tint-400#1A1B28
tint-500#1E1F2B

Grises (texto)

grey-100#F0F0F0
grey-200#D0D0D0
grey-300#D4D4D4
grey-400#888888
grey-500#666666
grey-600#555555
grey-700#444444

Sistema (status)

success#22C55E
warning#EAB308
danger#DC2626
glass-bg19,20,30 / 72%

Botones de acción · hover real

Primary

Outline

Con iconos · uso real

Tokens de layout

--container-max1200px
--section-padding110px
--nav-height70px
--radius-sm8px
--radius-md12px
--radius-lg16px
--radius-xl24px
--radius-2xl32px

Transiciones

--t-fast0.15s ease
--t-normal0.25s ease
--t-slow0.40s ease

Glass

--glass-bgrgba(19,20,30,.72)
--glass-borderrgba(255,255,255,.07)
--glass-border-hoverrgba(255,255,255,.18)
backdrop-blur14px