La plaza de Colombia, ahora digital. Manual de marca completo: identidad verbal, visual y sistema de aplicación.
Plazi es la plaza de mercado colombiana traducida a software. Esta sección define lo que NUNCA debe cambiar — todo lo demás (color, tipografía, layout) se deriva de aquí.
Cada peso que un colombiano gasta en Temu o Shein se va. Plazi existe para que ese mismo peso se quede aquí, en el toldo de Don Juan en el Centro Comercial Lo Nuestro.
No vendemos cosas. Conectamos plata colombiana con producto colombiano.
"El que sabe hacer cuentas, conoce a quién venderle y siempre da la ñapa."
Mezcla del Everyman (cercano, sin pretensiones) con un toque del Magician (sabe los trucos del oficio que el cliente no ve). Cero corporate, cero startup-bro.
El nombre, la promesa de una línea, el tono y el vocabulario que define al equipo de Plazi escribiendo desde el WhatsApp del soporte hasta el pitch al inversionista.
Pla · zi — bisílabo. De plaza (el lugar tradicional de comercio en Colombia) + sufijo -i que la moderniza estilo Spotify/Twilio.
Pronunciación: "pla-zi" (no "plei-zi", no "pla-ce"). Acento en la primera sílaba.
Escritura: "Plazi" en cuerpos de texto. "plazi" minúscula en el logo. NUNCA "PLAZI" en mayúscula sostenida fuera de las siglas de UI (botones, badges).
La plaza de Colombia.
Corto, físico, sin jerga. Funciona en valla, en email subject, en bio de Instagram.
"Donde Colombia se vende a Colombia."
"Tu toldo, sin alquiler."
| Contexto | Decimos | NO decimos |
|---|---|---|
| El comprador | cliente · comprador | usuario · consumer |
| El vendedor | comerciante · tendero · vendedor | seller · merchant |
| El producto | producto · cosa · artículo | SKU · item |
| El catálogo | tienda · vitrina | storefront · marketplace listings |
| La transacción | venta · pedido | transacción · orden (anglicismo) |
| El descuento | rebaja · precio especial | discount · promo deal |
| El envío | va en camino · despachado | en tránsito logístico |
| Comprar | llévalo · comprar | add to cart (en TextES) |
Solo en notificaciones push y WhatsApp informal. Permitidos: 🔔 🚚 💰 🛒 ✅. Cero en: emails transaccionales, pitch decks, contratos, copys de UI seria. La marca debe poder leerse en blanco y negro sin perder identidad.
El símbolo de Plazi es una plaza de mercado vista de pájaro: cuatro cuadrados que representan los toldos de los comerciantes alrededor de un centro común. Limpio, escalable, reconocible incluso en 16×16 px.
El "clear space" alrededor del logo es igual al ancho de UN puesto del símbolo (22 unidades del viewBox 360×120). Nada de otra marca, texto o gráfico debe invadir esa zona.
Símbolo solo: 16 × 16 px (favicon mínimo).
Lockup horizontal: 100 × 33 px (mobile header).
Print: 12 mm de alto (tarjeta, factura).
El sistema de color de Plazi es una paleta calibrada con 4 familias: Naranja Primary, Oro Secondary (referencia al oro precolombino), Neutros warm-gray y Semánticos. Todos los tonos están definidos como CSS variables listas para copiar.
El alma de la marca. --p500: #EA580C es el color base. Cualquier elemento principal de UI (botón primario, link activo, badge, header destacado) se construye desde esta familia.
Referencia al oro Muzo, Quimbaya, Sinú. Acento dorado para destacar valor: precios premium, badges de calidad, estrellas de rating. Nunca como color primario — siempre como acento sobre naranja o crema.
NO usamos cool-gray ni black puros. La paleta neutra de Plazi tiene tinte cálido (rojizo-marrón sutil) que armoniza con el naranja. Esto evita el feel "tech frío" y conserva el alma artesanal.
Para alertas, mensajes y validaciones. NUNCA usar como color de marca primario. Cada uno con su variante light para fondos suaves.
Pedido entregado, pago confirmado
Producto sin stock, pago pendiente
Pago rechazado, error crítico
Notificación neutra, tip
| Elemento | Color | Notas |
|---|---|---|
| Botón primario | --p500 | Hover: --p600 |
| Link activo / Tab seleccionado | --p700 | Underline solo en hover |
| Texto cuerpo | --n900 | Mínimo 14px en mobile |
| Texto secundario | --n500 | Para captions, meta |
| Borde card | --n200 | Width 1px |
| Fondo página | --n50 | Nunca blanco puro |
| Fondo superficie | --n0 | Card, modal, panel |
| Dark mode bg | --p950 | Warm charcoal, no negro puro |
| Precios destacados | --s500 | Ofertas, premium |
Nada de jerarquías inventadas. Cada familia tipográfica de Plazi tiene un job específico. Usarla fuera de su rol diluye la identidad.
Geométrica moderna sin serifs. Para headlines, eyebrows, navegación. Pesos: 600, 700, 800. Letter-spacing: -0.02em en tamaños grandes.
Workhorse de UI. Para descripciones, párrafos, formularios. Pesos: 400, 500, 700. Sin letter-spacing.
Lucía vende mochilas wayuu en su tienda en Riohacha. Antes le tocaba esperar a que un turista pasara para vender una. Ahora vende dos al día a Bogotá, Medellín y Cali — sin moverse del taller.
La historia de un seller real.
Serif italic con personalidad. Para citas, taglines, números grandes con alma. NUNCA para cuerpos largos — solo para destacar 1-2 frases por pantalla. Pesos: 400 italic.
"La plaza llegó al celular sin perder la sazón."
— Don Juan, mochilero hace 30 años en el Centro Comercial Lo Nuestro
Monoespacial para precios, códigos de pedido, fechas, datos. Nunca para texto narrativo. Pesos: 400, 500, 700.
Componentes core que componen el 90% de las pantallas. Cada uno con sus variantes y estados. Implementados en @plazi/ui con Tamagui.
Primario para la acción más importante de la pantalla (uno por pantalla). Secundario para acciones secundarias. Ghost para terciarias. Danger solo para destructivas que requieren confirmación.
Lucía Pushaina · Riohacha
Escala de 4px:
--sp-1: 4px
--sp-2: 8px
--sp-3: 12px
--sp-4: 16px
--sp-5: 24px
--sp-6: 32px
--sp-7: 48px
--sp-8: 64px
Escala suave:
--r-xs: 4px
--r-sm: 6px
--r-md: 10px
--r-lg: 14px
--r-xl: 20px
--r-2xl: 28px
--r-full: 999px
Cinco niveles de elevación:
--sh-1: card
--sh-2: button hover
--sh-3: modal
--sh-4: popover
--sh-glow: focus ring
El sistema se materializa en 5 superficies. Cada una tiene sus particularidades pero todas comparten la misma identidad central.
Don Juan compró tu mochila wayuu por $189.000. ¿La empacás hoy?
Las reglas no escritas que matan una marca. Esta lista no es exhaustiva — es la base mínima para reconocer cuándo se está rompiendo la identidad sin saberlo.
--n200 a 1px.