Colores

Paleta de colores del ecosistema Codeway. Click en cualquier color para copiar su valor hex.

Brand

Neutrales (Zinc)

Semánticos

Guía de uso

  • Blue — Acciones principales, links, elementos interactivos activos.
  • Purple — Elementos premium, highlights, gradientes de marca.
  • Cyan — Elementos informativos, acentos secundarios.
  • Zinc 800 — Bordes, separadores, fondos elevados.
  • Zinc 400 — Texto secundario, placeholders, descripciones.

Gradiente de marca

background: linear-gradient(135deg, #2563eb, #7c3aed, #06b6d4);

Colores en contexto

Capas de fondo

bg: #000000 (Base / page)
bg: #18181b (Card elevada)
bg: #27272a (Input / elemento activo)

Jerarquía de texto

Título principal (#fafafa)

Texto body (#d4d4d8)

Descripción secundaria (#a1a1aa)

Placeholder / terciario (#71717a)

Disabled / metadata (#52525b)

Colores semánticos en UI

Deploy exitoso — env: production
Build fallido — 3 errores encontrados
SSL expira en 7 días
Nueva versión disponible v2.1.0

Gradiente de marca en elementos

Texto con gradiente