Cómo se ve, se mueve y se escucha Korr.
Este documento se construye con los mismos tokens, fuentes y componentes del sitio. Si algo cambia en el código, cambia aquí. Es la referencia para diseñar, escribir o imprimir cualquier pieza de la marca.
Un estudio compacto de ingeniería que construye software para aguantar el lunes.
Tagline · ES
Construido para correr fino.
Tagline · EN
Built to run true.
// metáforas
El relojero
Ajustamos cada pieza hasta que el movimiento corre sin fricción. Precisión, acabado, piezas que calzan. Úsala para hablar de oficio y de cuidado.
Compilar visión → producto
La idea del cliente entra como fuente y sale como algo que corre en producción. Úsala para hablar de proceso y de IA integrada.
// atributos
Preciso.
Decimos exactamente lo que hacemos. Cifras, plazos, alcances.
Editorial.
Mucho aire, jerarquía clara, cero ruido decorativo.
Técnico.
La estética del terminal: mono, prompts, estados, versiones.
Cercano.
Dos personas responden. Tuteo, frases cortas, sin jerga corporativa.
El wordmark KORR. y un punto que lo firma todo.
// zona de resguardo
Alrededor del logo queda libre, como mínimo, la mitad de la altura de la K (x) por cada lado. Nada entra en esa zona: texto, bordes ni otros logos.
// anatomía
- Tipografía
- Fraunces SemiBold · opsz 144 · wght 600
- Tracking
- −0.04em
- Punto
- Glifo «.» de Fraunces · +0.03em de aire · siempre phosphor
- Master
- SVG vectorizado · public/brand/korr-wordmark.svg
El logo nunca se vuelve a tipear: se usa el SVG. Tipeado en otra app, el tracking, el eje óptico y el kerning se corren.
// tamaño mínimo
- Wordmark digital
- 80 px de ancho
- Wordmark impreso
- 20 mm de ancho
- Monograma K.
- 16 px · 5 mm
- Punto (isotipo)
- 12 px · 3 mm
// versiones
Primaria
Ink sobre bone. La de uso general.
Inversa
Bone sobre ink. Fondos oscuros, secciones ink, redes.
Monocromo
Una sola tinta: grabado, timbre, sello seco. Solo cuando el phosphor no se puede reproducir.
// monograma e isotipo
Monograma K.
Avatares, favicons grandes, sellos. Espacios cuadrados donde KORR. no respira.
Punto
El isotipo. Favicon, cursor, estados «operacional». Por sí solo ya es Korr.
// retirado
La K de trazo dentro de un cuadrado redondeado (korr-svg-icon-pack/korr-monogram.svg y korr-dot-mark.svg) no forma parte del sistema: es de otra familia visual. Usa el monograma K. en Fraunces.
// cómo escribir el nombre
- KORR.
- Solo como logo. Nunca dentro de una frase.
- Korr
- En texto corrido: «Korr existe para eso».
- KORR Labs
- Nombre comercial: firmas, metadatos, directorios, Google. Siempre KORR en mayúsculas, como en la razón social.
- KORR Labs SpA
- Razón social, RUT 78.483.181-7: contratos, facturas, legales.
Nunca: «korr», «Korr Labs», «KORR» solo en texto corrido, «Korr.» con punto en una frase.
// no hacer
Papel, tinta y una sola luz verde.
La paleta es casi monocroma a propósito. El phosphor es escaso: si aparece, significa algo (estado activo, foco, acción principal, la firma).
Bone
Fondo por defecto. Papel cálido.
- Hex
- RGB
- 244 243 238
- CMYK
- 0 0 2 4
- Token
- bone
Papel natural o ahuesado
Ink
Texto principal y secciones oscuras.
- Hex
- RGB
- 10 10 10
- CMYK
- 60 40 40 100
- Token
- ink
Negro enriquecido
Ink soft
Cuerpo de texto largo.
- Hex
- RGB
- 26 26 26
- CMYK
- 0 0 0 90
- Token
- ink-soft
Muted
Labels, metadatos, segundo tiempo de titulares.
- Hex
- RGB
- 107 107 102
- CMYK
- 0 0 5 58
- Token
- muted
Phosphor
Acento de marca. El punto.
- Hex
- RGB
- 0 230 118
- CMYK
- 65 0 70 0
- Token
- phosphor
Pantone 7479 C (aprox.)
El phosphor no existe en CMYK: la conversión automática lo apaga. Usa la receta de arriba o una tinta directa, y valida siempre con una prueba de color impresa.
// proporción
// contraste (WCAG 2.2)
| Combinación | Ratio | Texto normal | Texto grande |
|---|---|---|---|
| Aaink / bone | 17.82 | AA ✓ | AA ✓ |
| Aaink-soft / bone | 15.67 | AA ✓ | AA ✓ |
| Aamuted / bone | 4.82 | AA ✓ | AA ✓ |
| Aaphosphor / bone | 1.50 | ✕ | ✕ |
| Aabone / ink | 17.82 | AA ✓ | AA ✓ |
| Aaphosphor / ink | 11.86 | AA ✓ | AA ✓ |
| Aamuted / ink | 3.70 | ✕ | AA ✓ |
El phosphor sobre bone da 1.50:1: nunca como texto ni como único indicador de estado sobre fondo claro. Sobre ink sí funciona (11.86:1). Muted sobre ink no alcanza AA en texto pequeño: sobre fondos ink usa bone al 60 % o más.
// reglas del phosphor
- 01Un solo acento verde por vista, y el punto del logo cuenta. Si hay dos, uno sobra.
- 02En web, el chrome persistente (logo del nav, cursor, barra de reservas) no cuenta: la regla aplica a la composición de cada sección.
- 03El glow es cosa de pantalla y de movimiento (cursor, hero, estados activos). Nunca en impresos ni en el logo estático.
- 04Nunca como fondo de áreas grandes. Es una luz, no una superficie.
- 05Sin degradados. Ningún color de la paleta se degrada.
Una serif con carácter, una familia técnica para todo lo demás.
Aa
Fraunces
Display. Titulares, wordmark, cifras destacadas.
Construido para correr fino.
SemiBold 600 para marca · Regular/Medium para titulares · Itálica para el remate
Aa
IBM Plex Sans
Texto. Párrafos, formularios, interfaz.
Desarrollamos software, apps y automatización a la medida de lo que tu negocio necesita.
Regular 400 · Medium 500 · interlineado 1.6
Aa
IBM Plex Mono
Técnico. Labels, prompts, metadatos, código.
01 · Operacional · Agenda abierta
Medium 500 · MAYÚSCULAS · tracking 0.12–0.16em · 11–12 px
// escala
Display XL
Fraunces 600 · 10–14vw · lh 0.92 · −0.06em
2025
H1 / H2
Fraunces 400 · 36 → 60 px · lh 1.05 · −0.04em
Construyamos algo
H3
Fraunces 500 · 20 → 24 px · −0.04em
ERP y sistemas internos
Cuerpo
Plex Sans 400 · 16–18 px · lh 1.6
Ciclos cortos y decisiones rápidas.
Label
Plex Mono 500 · 11 px · MAYÚS · 0.14em
// método
// firma tipográfica: titular en dos tiempos
Los titulares se escriben en dos tiempos: la afirmación en redonda y el remate en itálica, en muted. Es el gesto editorial más reconocible de la marca.
Hacemos software como un relojero ajusta un movimiento — afinado pieza por pieza.
Trazo fino, geometría simple, el verde solo cuando significa algo.
- Retícula
- 24 × 24
- Trazo
- 1.75 px · extremos y uniones redondeadas
- Color
- currentColor · acento phosphor solo en estados
- Relleno
- Ninguno. Solo contorno.
Fuente: src/components/ui/icons.tsx · SVG en public/korr-svg-icon-pack/icons
Doce columnas, hairlines y el ritmo bone / ink.
- Contenedor
- máx. 1200 px · margen 24 px móvil / 40 px escritorio
- Columnas
- 12 en escritorio · 1 en móvil · un solo breakpoint (768 px)
- Líneas
- Hairlines de 1 px en ink al 12 %. Nunca bordes gruesos ni sombras.
- Ritmo
- Las secciones alternan fondo bone e ink.
- Radios
- Rectos por defecto. Píldora (999 px) solo en botones y chips.
- Texturas
- Ruido al 3.5 % y grilla blueprint de 64 px. Siempre sutiles.
// cabecera de sección
Cada sección abre igual: prompt numerado + nombre a la izquierda (el prompt va en phosphor sobre ink y en ink sobre bone), ruta tipo slash a la derecha, en mono.
El movimiento confirma, no decora.
- Curva
- cubic-bezier(0.22, 1, 0.36, 1): sale rápido y se asienta suave
- Micro
- 320 ms · hover, foco, aparición del punto
- Entrada
- 900 ms · fade + 24 px hacia arriba, una sola vez
- Scramble
- Caracteres técnicos que se resuelven en texto. Para marca y CTAs, no para párrafos.
- Reposo
- Respiración de 8 s. Nada parpadea más rápido que un cursor.
- Accesibilidad
- prefers-reduced-motion apaga todo lo que no sea opacidad.
Hablamos como ingenieros que saben escribir.
Concretos.
Cifras, plazos y entregables antes que adjetivos.
Directos.
Frases cortas. Una idea por frase.
Tuteo neutro.
Chileno pero sin voseo ni modismos. «Escríbenos», no «escribínos».
Sin humo.
Sin exclamaciones, sin emojis, sin superlativos.
Te contactamos en un día hábil con alcance, forma y costo.
¡Nos pondremos en contacto a la brevedad!
ERP, web y mobile, listos para producción.
Soluciones integrales de vanguardia para potenciar tu negocio.
Dos personas firman cada decisión.
Un equipo de expertos apasionados por la innovación.
Cuéntanos qué estás construyendo.
Contanos qué querés construir.
// palabras que no usamos
// reglas de escritura
- 01«IA» en español, «AI» en inglés. Nunca mezclados.
- 02Números en cifras: 3 proyectos, 1 día hábil, 2025.
- 03Labels y metadatos en mono y mayúsculas; el texto corrido, nunca.
- 04Raya (—) para el remate de una frase, con moderación: una por párrafo.
La marca fuera del sitio.
Preview social (OG)
Generada por ruta, 1200 × 630. Copy desde los diccionarios.
src/app/[lang]/opengraph-image.tsx
Avatar de redes
Monograma K. sobre ink. Instagram, LinkedIn, GitHub.
public/brand/korr-avatar-ink.svg
Fondo de videollamada
Bone con wordmark discreto. 1920 × 1080.
public/brand/korr-zoom-bg-bone.png
Tarjetas de presentación
PDF listo para imprenta, con QR vCard.
python3 scripts/generate-cards.py
Plantillas de redes
Titular, cifra, caso y anuncio. Formatos post 4:5, cuadrado y story, con el copy por parámetros.
/es/social/{titular,cifra,caso,anuncio}?size=post|square|story
Propuestas y deck
Propuesta comercial A4 desde un JSON y deck de credenciales 16:9 desde los diccionarios.
node scripts/generate-proposal.mjs · node scripts/generate-deck.mjs
// firma de correo
Texto plano con estructura mínima. Sin logo en imagen: se bloquea en la mayoría de los clientes de correo.
—
Nombre Apellido
Co-fundador & CTO · KORR Labs
korr.cl · Santiago / Remoto
Los archivos maestros.
Wordmark · SVG
Monograma e isotipo · SVG
