Brand book · Acceso

Reducción radical: 4 colores ancla, una familia tipográfica, un cohete. Atlas viste morado, Go viste cyan. Sin naranja. Sin rosa. Mismo isotipo, escala vertical desde favicon hasta tráiler.

Lockup base

kroni · base

Logo principal sobre fondo claro. SVG vectorial · escala a cualquier tamaño.

Producto · Atlas

kroni atlas

Wordmark gris + "atlas" morado · sobre navy. Fulfillment B2B · plataforma.

Producto · Go

kroni go

Wordmark gris + "go" cyan · sobre navy. Envíos SMB · ejecución rápida.

Cards y botones comparten el mismo lenguaje visual: bloque sólido + sombra apilada (chunky stacked shadow). Cero glassmorphism, cero blur. Same lenguaje que los botones primarios.

Vista única del rebranding consolidado: isotipo, logos, productos, paleta de 4 ancla, backgrounds y tipografía. Sin naranja, sin rosa — Atlas viste morado, Go viste cyan.

Tú vende. Nosotros nos encargamos del resto.

kroni · base

Lockup principal · negro

kroni · gris

Sobre dark · #F3F5F8

kroni atlas · rec

Lockup horizontal · morado

kroni atlas · gris

Sobre dark · #F3F5F8 + morado

kroni go · rec

Lockup horizontal · cyan

kroni go · gris

Sobre dark · #F3F5F8 + cyan

kroni atlas · cuadrada

Lockup vertical · social

kroni go · cuadrada

Lockup vertical · social

Atlas · BG 1:1

Navy + cohete + atlas morado

Go · BG 1:1

Navy + cohete + go cyan

Backgrounds cuadrados con logo embedded. Atlas en morado #7C4DFF · Go en cyan #00E1FF. Listos para Instagram square, profile pics, story covers. Source: logos_v3/.

Atlas · BGnavy + atlas morado · 1:1

atlas

Go · BGnavy + go cyan · 1:1

go

Envías hoy. Cobras mañana. Multi-carrier, una sola plataforma.

Fulfillment B2B con la infraestructura de Kroni. Tú vendes — nosotros operamos.

Plataforma logística para e-commerce mexicano.

Randomiza gradients y blobs con la paleta de marca. Elige lockup (Kroni, Atlas, Go · rec o cuadrado), añade texto para grupos de WhatsApp y descarga PNG listo para usar.

Set actual con la paleta v2: Atlas en morado #7C4DFF, Go en cyan #00E1FF. Source: logos_v3/.

Atlas · BGnavy + atlas morado · 1:1

atlas

Go · BGnavy + go cyan · 1:1

go

El nuevo sistema visual en producción real: vehículos, uniformes, papelería, packaging y retail. Renders fotorealistas generados con Higgsfield Nano Banana Pro a 2k.

Camión 3PL · Kroni

Navy + isotipo morado · Mercedes Atego · golden hour MX

Van · Kroni Go

Blanca + isotipo cyan Go · pueblo MX · última milla

Playera · Kroni

Navy + bordado purple chest · staff

Playera · Trio (Kroni + Atlas + Go)

Navy + bordado 2 productos · morado Atlas + cyan Go

Mochila courier · Kroni Go

Negra + isotipo cyan Go · trim morado

Hoodie · Kroni Atlas

Navy + bordado morado Atlas · equipo fulfillment

Tarjeta presentación

Navy front + white back · embossed cyan dots

Caja shipping · Kroni

Kraft + wrap navy · tracking cyan · branded tape

Storefront · Vinilo

Vidrio + decal con backlight · ambient night

Esferas, planetas, órbita, cajas, cursores paper-plane y dots. Building blocks visuales para ilustraciones, hero sections, ads y motion graphics.

Esfera · Purple

#7C4DFF · marca principal

Esfera · Cyan

#00E1FF · accent

Esferas · Dual

Purple + Cyan combinadas

Planeta · Purple

Half-globe horizon · hero base

Planeta · Cyan

Half-globe + órbita data

Órbita

Trayectoria · velocidad · ruta

Caja · Con logo

Isométrica · branded · purple

Caja · Sin logo

Isométrica · contexto neutro

Cursor · v1

Default · navegación

Cursor · v2

Hover state

Cursor · v3

Active / click

Isotipo cohete 4-puntas asimétrico. Symbol = movimiento, dirección, velocidad, precisión. Mismo símbolo, 3 productos: Kroni (marca) · Atlas (fulfillment B2B) · Go (envíos SMB). SVG vectorial en logos_v3/.

Referencia de marca para agentes/Claude: tokens, color, tipografía + URLs públicas de todos los logos listas para <img src> en HTMLs y presentaciones. URL directa: kroni-brandbook-v2.vercel.app/design.md

Large72-96px

Medium40-56px

Small / nav20-32px

Lightkroni_base_black.svg · #0A0D1A

Darkkroni_base_gray.svg · #F3F5F8

On AtlasSobre morado · gris

On GoSobre cyan · gris

Atlas · Lightrec · kroni negro + atlas morado

Atlas · Darkrec · kroni gris + atlas morado

Go · Lightrec · kroni negro + go cyan

Go · Darkrec · kroni gris + go cyan

Atlas · CuadradaVertical · social

Go · CuadradaVertical · social

Atlas · BGnavy + atlas morado · 1:1

atlas

Go · BGnavy + go cyan · 1:1

go

/* Isotipo Kroni · viewBox 143×163 · source: logos_v3/kroni_isotype_black.svg */
forma · cohete 4 puntas · geometría v3 Figma
construcción · curvas Bezier reales en cada vértice (no fillets sintéticos)
aspect · 143w × 163h · más alto que ancho · cohete vertical
stroke · cero · siempre fill sólido
min-size · 16px favicon · mantiene identidad
archivos v3 · kroni_base_black.svg · kroni_base_gray.svg · kroni_isotype_black.svg
productos · kroni_atlas_rec_(black|gray).svg · kroni_go_rec_(black|gray).svg · *_cuadrada.svg
uso HTML · .iso + .iso-gray | .iso-black | .iso-purple | .iso-cyan | .iso-duo · mask CSS

9 tokens base · 4 estados semánticos. Light + dark mode vía CSS custom properties.

/* Brand v2 — Rebranding 2026 · 4 ancla */
:root {
  --navy:       #0A0D1A;   /* base · dark surfaces · texto primary */
  --gray-300:   #F3F5F8;   /* gris claro · texto sobre dark · bordes */
  --purple:     #7C4DFF;   /* Atlas · principal */
  --cyan:       #00E1FF;   /* Go · secundario */

  /* Semantic alias */
  --atlas:      var(--purple);
  --go:         var(--cyan);
}

Filson Pro para display y body. JetBrains Mono para precios, tracking IDs, CPs y datos técnicos.

Sombra apilada en botones y cards (clay). Light + dark mode vía tokens. Purple primary · Navy secondary · Cyan accent.

Phosphor Icons. Tres estilos con reglas de uso por contexto.

Catálogo completo Phosphor Icons. Busca por nombre, cambia estilo, click para descargar SVG (presentaciones, decks, mockups).

Founder MX hablando a founder MX. Slogan ancla locked + tono de Kronito + frases por pantalla.

Logo + paleta + tipografía aplicados en contexto físico y digital. Estados pre-rebrand v0 (placeholder) marcados; pendiente regenerar con v1.

Camión 3PL · navy + isotipo

Camión cerrado · vista lateral

Repartidor Kroni Go · uniform

Truck rear · branding ID

Mockup dashboard mobile

Cliente Kroni Go · POS

Salida de tienda

Manejo de cajas Kroni Atlas

Picking · fulfillment

Estado actual de entregables Brand System v1.