Since 2026

Sistema de diseño

Marca

Una guía viva de cómo se usa la marca VIKO. Aquí encontrarás los principios visuales y conceptuales de nuestro ecosistema de marca, junto con los recursos para que cualquiera pueda aplicarlos correctamente.

01 / Logo

Identidad visual

Usos correctos

— Mantén un área de respeto equivalente a la altura de la “V”.
— Usa la versión en color sobre fondos claros.
— Usa la versión blanca sobre Moradito o fondos oscuros.

Evita

— Distorsionar, rotar o aplicar sombras al logo.
— Cambiar los colores fuera de la paleta oficial.
— Usarlo a tamaños menores de 24px de alto.

Descargas

02 / Color

Paleta cromática

Moradito

#774AFF

var(--moradito)

Naranjita

#FF784B

var(--naranjita)

Rosita

#FFB0DD

var(--rosita)

Azulote

#254571

var(--azulote)

Verdecito

#33E37A

var(--verdecito)

Grey Main

#555359

var(--grey-main)

Grey 300

#E3E1E8

var(--grey-300)

Grey 200

#F6F5FA

var(--grey-200)

Moradito es el color principal de marca. Acompáñalo con neutros (Grey 200/300/Main) y reserva Naranjita, Rosita, Azulote y Verdecito como acentos para destacar momentos clave.

03 / Tipografía

Geist

Geist · Light 300 · Regular 400

Display

Truly together, since 1999.

Body

VIKO nació porque un grupo de personas que se entendían y disfrutaban trabajando juntas quisieron seguir colaborando.

Mono / Eyebrow

PEOPLE · BUSINESS · IDEAS · RESULTS

Geist es nuestra tipografía oficial. La usamos en dos pesos: Light para titulares y Regular para texto corrido. El espaciado siempre ajustado (-0.04em a -0.06em) para reforzar el aire editorial de la marca.

Geist Light

Geist-Light.ttf · 300

Geist Regular

Geist-Regular.ttf · 400

04 / Principios

Tono de voz

People First

Hablamos desde lo humano. Cercanos, directos y sin postureo.

Claridad y naturalidad

Sin tecnicismos y sin párrafos sobrecargados. Frases cortas, verbos directos, ideas separadas con puntos.

Cercanía sin excesos

Amable pero sin lenguaje startupero ni rellenos de anglicismos. Sin arranques coloquiales y sin cierres con muletillas. Cercano no es informal.

Limpieza de contenido

Sin negritas, guiones medios, comillas decorativas ni listas donde no toca. El texto debe sonar a alguien que escribe, no a una herramienta que genera.

05 / Principios

Estilo visual

Editorial & espacioso

Mucho aire, jerarquías claras y tipografía generosa.

Color con propósito

Moradito manda. Los acentos aparecen para subrayar, no para decorar.

Limpieza visual

Composiciones tranquilas. Sin sombras innecesarias, sin adornos. Cada elemento ocupa el sitio que necesita y nada más.