Kit de Marca — PropFirm Key

Guía oficial de marca y recursos. Versión 2.0 — Febrero 2026.

Sistema de Logotipos

El logotipo de PropFirm Key combina un símbolo de llave con una flecha de crecimiento — representando la clave del trading inteligente.

Icono App — Oscuro

Icono principal para tiendas, PWA, favicons. Fondo azul marino con esquinas redondeadas.

SVG PNG 1024px

Icono — Transparente

Para fondos oscuros, superposiciones y contextos editoriales.

SVG PNG 1024px

Icono — Blanco

Variante monocromática para fondos de marca o fotográficos.

SVG PNG 512px

Logo Completo — Oscuro

Icono + texto "PropFirm Key" + eslogan. Combinación principal de marca.

SVG PNG

Logo Completo — Claro

Para fondos claros/blancos. Icono en colores de marca, texto en gris oscuro.

SVG PNG

Imagen OG — Redes Sociales

1200 x 630px. Para Twitter/X, Facebook, LinkedIn, Discord.

PNG 1200x630

Paleta de Colores

Índigo Eléctrico sobre Azul Marino — una identidad fintech premium inspirada en la estética de Bloomberg.

Colores de Marca

Primario

Índigo Eléctrico

HEX: #D4AF37

RGB: 212, 175, 55

HSL: 46, 63%, 52%

Primario Claro

Índigo Suave

HEX: #E9C46A

RGB: 233, 196, 106

HSL: 43, 75%, 66%

Primario Oscuro

Índigo Profundo

HEX: #B8942D

RGB: 184, 148, 45

HSL: 44, 61%, 45%

Acento

Azul Data

HEX: #22D3EE

RGB: 34, 211, 238

HSL: 188, 85%, 53%

Sistema de Elevación (Modo Oscuro)

E-0 Fondo

Azul Marino

HEX: #04060C

E-1 Tarjetas

Superficie Tarjeta

HEX: #0A0E18

E-2 Popovers

Superficie Popover

HEX: #0F1520

E-3 Bordes

Borde / Atenuado

HEX: #151C2A

E-4 Resaltado

Activo / Resaltado

HEX: #1A2332

Colores de Estado

Éxito

HEX: #10B981

Advertencia

HEX: #F97316

Error

HEX: #EF4444

Tipografía

Sistema de tres fuentes: títulos, cuerpo y datos. Todas de Google Fonts.

Space Grotesk — Títulos

La Clave del Trading Inteligente

Compara las Mejores Prop Firms

Pesos: 500, 600, 700Uso: h1, h2CSS: font-heading

Inter — Cuerpo de Texto

PropFirm Key ayuda a los traders a comparar prop firms con datos verificados, reseñas reales y códigos de descuento exclusivos.

Texto secundario atenuado para información complementaria

Pesos: 400, 500, 600, 700Uso: párrafos, etiquetas, UICSS: default body

JetBrains Mono — Datos

$49,999 +12.4%

90/10 split $399 8% max DD

Pesos: 400, 500, 600Uso: precios, estadísticas, porcentajesCSS: font-dataFeature: tabular-nums

Reglas de Uso del Logo

Directrices para una presentación coherente de la marca.

Espacio Libre Mínimo

1x espacio libre

Mantener un espacio libre mínimo igual a la altura del arco de la llave alrededor del logo.

Tamaño mínimo: 24 x 24px (icono), 120px de ancho (logo completo).

Qué Hacer y Qué No Hacer

Hacer

Usar el logo sobre fondo azul marino (#0E1525) o más oscuro para máximo contraste.

Hacer

Usar la variante blanca monocromática sobre fondos de color de marca (#7B75FF).

Hacer

Usar la versión degradada (primary a primary-dark) como tratamiento predeterminado.

No Hacer

Colocar el logo coloreado sobre fondos claros/blancos — usar la variante de texto oscuro.

No Hacer

Rotar, inclinar, distorsionar o añadir efectos al logo.

No Hacer

Cambiar los colores del logo, separar el icono del texto o reorganizar elementos.

Descarga de Recursos

Todos los recursos de marca en formatos listos para producción.

Icono

Icono llave-flecha en todas las variantes y tamaños.

favicon.svg icon.svg icon-dark.svg icon-white.svg 1024px 512px 256px

Logo Completo

Icono + texto para encabezados y presentaciones.

light.svg dark.svg light.png dark.png

Favicons

Iconos de navegador y manifiestos PWA.

favicon.svg favicon.ico 16px 32px

Iconos de App

Iconos de aplicaciones móviles y pantallas de inicio PWA.

Apple 180px Android 192px Android 512px

Social / OG

Imágenes de previsualización Open Graph y redes sociales.

OG 1200x630