1.0

BrandGuidelines.

Index

Content.

1.0 — Brand Guidelines

Cover · Index Content

2.0 — Brand Logo

Lockup Logo · Clearspace Logo

3.0 — Brand Colors

Primary Colors · Grayscale Colors · Primary Colors Logo

4.0 — Primary Typography

Typography · Typography in Use · Icons and Typography

5.0 — Applications Icon

Instagram Icon · Twitter "X" Icon

6.0 — Logo on Backgrounds

Color background · Dark background

2.0

Brand Logo.

La identidad visual de Zymplo está construida sobre un logomark abstracto que combina una "N" inclinada con un trazo ascendente tipo checkmark — simboliza movimiento, validación y crecimiento continuo.

Lockup

Logo.

El lockup logo combina símbolo y wordmark en una estructura fija ("locked") que transmite unidad y solidez. Es la versión oficial para la mayoría de aplicaciones: web, impresos, documentos, presentaciones.

zymplo
Lockup

Logo Mark.

El logomark es el símbolo aislado — útil para favicons, íconos de app, avatares, redes sociales, watermarks y cualquier aplicación donde el espacio sea limitado o la marca ya esté contextualizada.

Clearspace

Logo.

Clearspace es el espacio libre mínimo alrededor del logo. Mantener esta zona despejada asegura máxima visibilidad e impacto. La unidad "x" equivale a la altura del trazo vertical del isotipo.

Regla: nunca colocar texto, imágenes u otros elementos dentro del área marcada.

zymplo
3.0

Brand Colors.

La paleta de Zymplo está construida sobre 4 colores primarios y 8 grises neutros. Cada color tiene un rol definido — nunca inventar tonos fuera de esta paleta oficial.

Primary

Colors.

Los colores core de la marca. Presentes en logos, CTAs, headers, backgrounds principales y todo material de marca.

Primary Color — 01

Cloud White

HEX
#FAFBFF
Primary Color — 02

Zymplo Blue

HEX
#1E4AD4
Primary Color — 03

Black

HEX
#000000
Primary Color — 04

Purple

HEX
#623AE6
Grayscale

Colors.

Paleta de grises oficial — 8 tonos nombrados para usar en tipografía, fondos secundarios, bordes, estados desactivados y jerarquías visuales.

Grayscale — 01

Cloud

HEX
#EDEFF7
Grayscale — 02

Smoke

HEX
#D3D6E0
Grayscale — 03

Steel

HEX
#BCBFCC
Grayscale — 04

Space

HEX
#9DA2B3
Grayscale — 05

Graphite

HEX
#6E7180
Grayscale — 06

Arsenic

HEX
#40424D
Grayscale — 07

Phantom

HEX
#1E1E24
Grayscale — 08

Black

HEX
#000000
P. Colors

Logo on Backgrounds.

Fondos oficiales permitidos para el logo. Cualquier otra combinación debe ser validada antes de usar.

zymplo
zymplo
zymplo
zymplo
4.0

Primary Typography.

La tipografía oficial de Zymplo es Manrope — una sans-serif geométrica moderna, con terminaciones suaves que reflejan la calidez de la marca. Open source (Google Fonts), licencia SIL Open Font.

Typography

Manrope.

ExtraBold 800
Aa
Bold 700
Aa
SemiBold 600
Aa
Medium 500
Aa
Regular 400
Aa

Jerarquía recomendada

UsoPesoTamañoLine-height
Display / HeroExtraBold 80072–96px.95
H1Bold 70048–56px1.1
H2Bold 70036–40px1.2
H3SemiBold 60024–28px1.3
Body LargeRegular 40018px1.6
BodyRegular 40016px1.6
CaptionMedium 50012–14px1.4
5.0

Applications Icon.

Íconos oficiales para perfiles en redes sociales. Siempre usar el logomark (sin wordmark) centrado en un cuadrado con esquinas redondeadas.

Instagram Icon

Twitter / X Icon

Rules

Do's & Don'ts.

✓ Hacer

  • Usar siempre SVG real con paths embebidos para el logo (nunca texto).
  • Respetar clearspace mínimo en todas las aplicaciones.
  • Usar Manrope como única tipografía oficial.
  • Validar con MiroFish antes de publicar cualquier asset.
  • Mantener paleta estricta: solo los 4 primarios y 8 grises oficiales.

✗ No hacer

  • Usar texto "zymplo" como logo sin el isotipo acompañante (excepto en wordmark-only).
  • Aplicar gradientes, sombras, outlines o efectos al logo.
  • Rotar, deformar o cambiar proporciones del lockup.
  • Colocar el logo sobre fondos con bajo contraste o imágenes ruidosas.
  • Mezclar con otras tipografías (Arial, Helvetica, etc.).
Copy Rules

Voz de marca por audiencia.

MEIs (Portugués BR informal)

USAR: "organizar seus cobros", "emitir nota pelo WhatsApp", "saber quanto entrou no mês"

PROHIBIDO: ERP, CRM, SaaS, software, plataforma, gestão empresarial

Contadores CONTIQ (Portugués profesional)

Tono formal, técnico-contable, orientado a eficiencia y escalabilidad de cartera de clientes MEI.

Inversores (Inglés)

Pitch directo, data-driven, orientado a TAM, tracción, unit economics y thesis de data.

Equipo interno (Español — Carlos)

Directo, operativo, con contexto estratégico. Output listo para usar, no borradores.