Sistema de Marca xavicrip

Identidad, tokens de diseño y componentes base. La única fuente de verdad visual para todo el ecosistema xavicrip.

Web3 / BlockchainFull-stackCiencia de datos e IA

Identidad

Logotipo y variantes

xavicrip

Principal — isotipo + wordmark. Uso por defecto.

Isotipo — espacios reducidos, favicon, avatares.

xavicrip

Wordmark — texto sin símbolo.

xavicrip

Monocromo sobre fondo claro

xavicrip

Monocromo invertido sobre fondo oscuro

Sí

Respetar el espacio de protección; usar la variante monocroma sobre imágenes o fondos de bajo contraste; mantener el acento de marca en el isotipo.

No

Deformar, rotar o recolorear el isotipo; colocar el logo a color sobre fondos que rompan el contraste; reducirlo por debajo de su tamaño mínimo legible.

Fundamentos

Tokens de diseño

Color — semántico (claro y oscuro)

Fondo

--bg

Superficie

--surface

Superficie 2

--surface-2

Texto

--fg

Texto atenuado

--fg-muted

Borde

--border

Primario

--primary

Primario fuerte

--primary-strong

Acento

--accent

Éxito

--success

Advertencia

--warning

Error

--error

Escala tipográfica

5xlIngeniería con criterio · 3.5rem

3xlIngeniería con criterio · 1.875rem

xlIngeniería con criterio · 1.25rem

baseIngeniería con criterio · 1rem

smIngeniería con criterio · 0.875rem

Espaciado

--space-2

--space-4

--space-8

--space-12

Radios

Sombras

Fundamentos

Tipografía

Display

Space Grotesk

Titulares y wordmark. Carácter técnico, geométrico. Fallback: system-ui.

Cuerpo

Inter

Texto y UI. Alta legibilidad. Cascada de respaldo a fuentes del sistema.

Fundamentos

Iconografía

Set open (Lucide) estilizado a los tokens: grosor y tamaño consistentes, alineado a la rejilla, hereda el color del texto.

Marca

Tono de voz

Experto pero cercano. Preciso, sin jerga vacía. Seguro sin arrogancia. Orientado a resultados del cliente.

Sí decir

«Construimos plataformas Web3 verificables y listas para producción.»
«Trazabilidad on-chain, certificada y auditable.»

No decir

«Somos los mejores del mundo en todo.»
«Soluciones sinérgicas disruptivas de última generación.»

Biblioteca

Componentes base

Botones

Campos de formulario

Nombre

Estado normal

Correo

Introduce un correo válido

Empresa

Badges

NeutralÉxitoAdvertenciaErrorInfo

Tabs, Tooltip y Dialog

Componentes accesibles con patrón ARIA y navegación por teclado.