+ Marca / Design System

AI x Blockchain Day

Referencia viva del sistema de diseño: paleta, tipografía, iconografía, componentes y logo. Todo deriva de src/styles/global.css y de DESIGN.md.

Logo

Marca

Referencia actual · "Plano de inferencia verificable" Descargar PNG

Logo oficial
en proceso

Coloca el archivo final en public/brand/ y reemplaza esta tarjeta.

El logo de referencia se lee como un plano tecnico: nucleo de inferencia (IA), anillo hexagonal de validacion (blockchain) y anotaciones con las coordenadas de CDMX (N 19.4326 / W 99.1332). El motivo geometrico radial es el mismo que el primitivo Blueprint usa en el sitio.

Color

Paleta

Una sola paleta. Dos acentos con roles fijos: cyan = IA / sistema / estructura; rosa mexicana = el CTA de registro y la marca "+". Light y dark son la misma paleta remapeada por tokens semanticos (la pagina esta bloqueada en dark).

Neutral ramp

n-950

#0A0F16

n-900

#0E141D

n-850

#141D28

n-800

#1C2836

n-700

#283747

n-500

#5C7080

n-400

#8198A4

n-300

#A9BBC4

n-200

#C9D6DC

n-100

#E9EFF1

n-50

#F2F6F7

n-0

#F8FBFB

Cyan · AI / system

cyan-400

#5FE3DA

cyan-500

#34C9C0

cyan-700

#0B6863

Rosa mexicana · CTA

rosa-400

#FF2E9A

rosa-500

#E6007E

rosa-600

#C7006B

Tokens semanticos (dark)

token	rol	valor
--bg	page background	n-900
--surface	cards / bands	n-850
--surface-2	raised / feature	n-800
--border	hairlines, rules	n-700
--fg	primary text	n-50
--fg-muted	secondary text	n-300
--accent	cyan text / links	cyan-400
--accent-fill	cyan lines / fills	cyan-500
--cta	Register CTA fill	rosa-500
--cta-label	label on rosa	n-0
--cta-press	CTA hover / active	rosa-600

Tipografia

Display / Sans · Space Grotesk

Donde la inferencia se vuelve verificable.

Cuerpo de texto en Space Grotesk. AaBbCc 0123456789 áéíóú ñ ¿? ¡!

Mono · JetBrains Mono

JUE 09 JUL 2026 · 10:00 a 17:00 · CDMX

N 19.4326 / W 99.1332 · DEPIN_MEX_NODO_03

Anotaciones blueprint

Iconografia

Pictogramas (Wyman)

Marcas geometricas de un solo trazo, en el espiritu de Lance Wyman (Mexico 68 + Metro CDMX). Color via currentColor.

Zonas del programa

Escenario

cap 80

Taller

cap 20

Cinema

cap 20

Cowork

cap 40-60

Temas tecnicos

transformer

blockchain

zkml

depin

Motivo

Blueprint

Fondo radial de "inferencia": arcos concentricos, radios, anillo de hexagonos y nucleo. Decorativo, a baja opacidad, detras del contenido.

Componentes

Button

Registrarme Ver el programa

primary (rosa) · secondary (cyan outline) · mono uppercase

Eyebrow

+ Programa

Que es

mono label, opcional marca rosa "+"

+ Programa

Cuatro zonas, un solo dia.

El espacio se organiza como un mapa de lineas: cada zona con su aforo y su ritmo.

Registrarme

Section: eyebrow + headline + body + CTA

Fundamentos

Reglas

Tema: bloqueado en dark. Flip con data-theme="light".
Radio: rounded-sm (2px) en todo.
Acentos: cyan = sistema/estructura; rosa = CTA y marca "+". Nunca se cruzan.
Contenedor: max-w-[1200px], gutters px-6.
SVG custom: solo Blueprint y Pictogram. Iconos: Phosphor (bold).
Sin em-dash en ningun texto. Hyphen.

Fuente de verdad: src/styles/global.css + DESIGN.md. Registro: https://luma.com/3rzgnv6f