Brand Kit · Salva Navarro

Paleta de Color Oficial

Logos — Vista Previa (Estilo Moderno)

Tipografía

Acceso a Assets

🤖 Integración IA — Instrucción para Copilot / ChatGPT / Cursor

Copia y pega esta instrucción al inicio de cualquier prompt de IA para que use exactamente esta marca:

Usa los design tokens de la marca Salva Navarro desde:

  CSS custom properties: https://salva-navarro.github.io/brand-kit/brand-tokens.css
  Design tokens JSON:    https://salva-navarro.github.io/brand-kit/brand-tokens.json

Siempre importa brand-tokens.css y usa var(--color-primary), var(--gradient-hero), etc.
Nunca uses valores hex directamente. Tipografía: Montserrat (titulares) + Inter (cuerpo).

Uso en Proyectos (CSS Import)

/* 1. Importar tokens de marca en tu CSS */
@import url('https://salva-navarro.github.io/brand-kit/brand-tokens.css');

/* 2. Usar los custom properties */
.mi-boton {
  background: var(--color-primary);
  color: var(--color-light);
  font-family: var(--font-heading);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-primary-sm);
  transition: var(--transition-base);
}
.mi-boton:hover {
  background: var(--color-primary-shade);
  box-shadow: var(--shadow-primary-md);
}

/* 3. Logo desde CDN */
<img src="https://salva-navarro.github.io/brand-kit/01_LOGO_VARIATIONS/style_modern/logo_001.svg" />

/* 4. Tokens JSON (para tooling, IA, Figma plugins) */
fetch('https://salva-navarro.github.io/brand-kit/brand-tokens.json')
  .then(r => r.json())
  .then(tokens => console.log(tokens.colors.primary.base.value));
  // → "#2F4F9F"

Descarga Completa

Todos los assets: 393 archivos · 125 logos · 18 paletas · 120+ iconos · 90 patrones