Identidad de marca
Brand Kit
Activos visuales y guía de estilo de ClubesDeNavegación.com
Logo
El logo siempre en una sola línea. Nunca partir el nombre en dos.
⚠️ Normas de uso del logo
- ✓ Usar siempre en una sola línea horizontal
- ✓ Respetar espacio mínimo alrededor del logo (equivalente a la altura del ícono)
- ✓ Solo usar sobre fondos blancos, navy (#0a1628) o azul (#1B4FD8)
- ✗ No deformar ni escalar de forma no proporcional
- ✗ No cambiar colores del logo fuera de las variantes aprobadas
- ✗ No separar el ícono del texto
Paleta de colores
Colores primarios y de soporte de la marca.
Navy (Primario)
#0a1628
Blue (Acción)
#1B4FD8
Blue Hover
#1641B8
Light Blue
#93C5FD
Background
#FFFFFF
Surface
#F9FAFB
Border
#E5E7EB
Text Primary
#111827
Text Secondary
#6B7280
Text Muted
#9CA3AF
Amber (Valoraciones)
#F59E0B
Green (Éxito)
#16A34A
Tipografía
Dos fuentes forman el sistema tipográfico.
Playfair Display
Titulares y headings · Serif · Google Fonts
La membresía náutica.
Clubes de Navegación en España
Pesos: 400 (Regular) · 700 (Bold)
Inter
Body, UI, labels · Sans-serif · Google Fonts
Encuentra el mejor club de navegación a vela o motor en España. Sin propiedad, sin mantenimiento, solo el placer de navegar.
Ejemplo de escala
Heading / 24px Bold
Subheading / 18px Semibold
Body text / 16px Regular
Small text / 14px Regular
Caption / 12px Regular
Botones
Siempre redondeados (pill). Dos variantes principales.
Sobre fondo claro
Sobre fondo oscuro
Reglas de botones
- ✓ Siempre con border-radius: 9999px (pill)
- ✓ Padding mínimo: 10px vertical · 20px horizontal
- ✓ Fuente: Inter Semi-bold (600) en 14-15px
- ✓ El botón de acción principal siempre en azul #1B4FD8
- ✗ No usar bordes rectos ni esquinas ligeramente redondeadas
Tono de voz
Cómo hablamos. Cómo nos comunicamos con nuestra audiencia.
Premium sin ser pretencioso
Aspiracional pero accesible. No usamos jerga náutica innecesaria ni somos elitistas.
Ej: "La membresía náutica" en lugar de "exclusivo acceso privado a embarcaciones de élite"
Directo y claro
Frases cortas. Puntos clave. El usuario sabe exactamente qué hace cada club.
Ej: "95€/mes · Grupos de 6 · Patrón incluido" en lugar de un párrafo largo
Honesto y analítico
Decimos lo bueno Y lo malo de cada club. La confianza se construye con honestidad.
Ej: Pros y contras reales en cada ficha de club, no solo los puntos positivos
Mediterráneo y español
Hablamos desde España para España. El mar, el sol, la costa. Cultura propia.
Ej: "Costa Blanca", "Bahía de Palma", "vela mediterránea" como referencias naturales