KIT DE MARCA · v1.0

OGRECORDS™

Los activos que utilizas para representarnos. Logo, colores, fuente, tono. Descarga el kit completo o elige el activo exacto que necesitas.

Kit completo (.zip)Logo (PNG, negro)
01 · LOGOTIPO

Logotipo.

El logotipo de OGRECORDS™ es la marca visual central. Utiliza la variante en negro sobre fondos claros y la variante en blanco sobre fondos oscuros o fotográficos. Mantén el espacio mínimo (= altura de la letra O) y nunca escales por debajo de 18 px de altura.

Tamaño mínimo
OGRECORDS™18 px

Web 18 px · Impresión 12 mm. Por debajo de esto, el logotipo se vuelve ilegible.

Espacio libre
OGRECORDS™

Mantén un espacio libre alrededor del logotipo que sea al menos igual a la altura de la letra O.

01.B · MONOGRAMA

Icono, Favicon, Tile de aplicación.

Donde el logotipo completo no cabe — Favicon, lanzador de aplicaciones, avatar social — utilizamos el monograma OG. Cuadrado, fondo oscuro, letras blancas, ligeramente redondeado.

OG

Favicon

Pestaña del navegador · 32×32 · se muestra automáticamente

PNG · 32×32
OG

Icono de Apple Touch

Pantalla de inicio de iOS · 180×180 · se muestra automáticamente

PNG · 180×180
01.C · TARJETA SOCIAL

OpenGraph + Twitter.

Tarjeta estándar de 1200×630 que se muestra cuando alguien comparte un enlace de OGRECORDS™ en X, Facebook, LinkedIn o iMessage. La tarjeta se puede sobrescribir por cada subpágina; esta es la de respaldo.

OG-RECORDS™ OpenGraph card preview
PNG · 1200×630
02 · COLORES

Paleta.

Cuatro rangos de tonos: beige-blanco roto para estándar, negro-antracita para texto, un verde oliva apagado como acento, más los tonos de estado (positivo / negativo / advertencia). Todos los valores como oklch + HEX — haz clic en el mosaico para copiar el valor.

Neutros

Fondo (claro)
--bg
Fondo 2
--bg-2
Fondo 3
--bg-3
Texto (claro)
--fg
Texto 2
--fg-2
Texto 3 (apagado)
--fg-3

Acento

Acento · Verde oliva
--accent
Acento suave
--accent-soft
Primer plano de acento
--accent-fg

Estado

Positivo
--pos
Negativo
--neg
Advertencia
--warn

Modo oscuro

Oscuro · Fondo
--bg [dark]
Oscuro · Texto
--fg [dark]
Oscuro · Acento
--accent [dark]
03 · TIPOGRAFÍA

Fuentes.

Tres familias de fuentes, todas de Google Fonts, de uso gratuito. Geist (Sans, Vercel) para cuerpo y titulares, JetBrains Mono para código y números, Instrument Serif para acentos y momentos editoriales.

Geist

Sans · Cuerpo + Display

300 · 400 · 500 · 600 · 700 · 800
ABCDEFGHIJKLM abcdefghijklm 0123456789

Fuente predeterminada para UI, marketing, texto de cuerpo.

Ver en Google Fonts →

JetBrains Mono

Mono · Código + Números

400 · 500 · 600
ABCDEFGHIJKLM abcdefghijklm 0123456789

Fragmentos de código, números KPI, marcas de tiempo, IDs.

Ver en Google Fonts →

Instrument Serif

Serif · Editorial

400 · 400 cursiva
ABCDEFGHIJKLM abcdefghijklm 0123456789

Citas, acentos editoriales, declaraciones de fundadores.

Ver en Google Fonts →
04 · MARCA DE TEXTO

Marca de texto.

Reglas de Wordmark

✓ OGRECORDS™
✕ OG-RECORDS · OG Records

El wordmark se escribe junto, sin guion, sin espacios. OG en negrita, RECORDS en corte regular, el símbolo de marca registrada siempre incluido.

✓ OGRECORDS™
✕ ogrecords · Ogrecords · Og-Records

Siempre en mayúsculas, nunca en minúsculas, nunca en Title Case.

✓ Dashboard de OGRECORDS™
✕ El dashboard de OGR

OGR es una abreviatura interna. En marketing y prensa, siempre se escribe completo.

05 · DESCARGAR

Todo en un ZIP.

Logotipo (PNG + SVG, blanco + negro), paleta de colores como JSON, hoja de trucos de fuentes, reglas de wordmark como Markdown. Un clic.

Brand Kit en ZIP

Conjunto de recursos · ~ 800 KB

© 2026 OGRECORDS™. Los recursos pueden usarse para fines de prensa y reportajes editoriales. No se permite modificar el wordmark. Nunca elimines el símbolo de marca registrada.

¿Preguntas sobre el uso? Escríbenos a info@og-records.com.

Brand Kit v1.0 · Actualizado el 2026-08-10