Brand Guidelines — Lawra
Manual de identidad de marca. Documento de referencia para el equipo interno, diseñadores externos, agencias y socios. Preservar la coherencia de marca es una obligación de toda persona que produzca materiales de Lawra. Versión: 1.0 — actualizar ante rebranding o evolución de identidad.
1. Propósito y Principios de Marca
1.1. Lawra es una plataforma de inteligencia artificial para la práctica legal. La identidad de Lawra equilibra dos mundos: la solidez y el rigor del derecho, y la claridad e innovación de la tecnología.
1.2. Pilares de marca:
- Confiable: los abogados confían su trabajo más sensible a Lawra. La marca no puede verse frágil o experimental.
- Clara: el derecho es complejo; Lawra lo simplifica. La identidad debe ser limpia, legible, sin exceso.
- Accesible: democratizar el acceso a la inteligencia legal. La marca no es elitista ni intimidante.
- Inteligente: sofisticada sin ser fría. Humana sin ser informal.
2. Logotipo
2.1. Logotipo principal:
- Wordmark “Lawra” en tipografía primaria (ver Sección 4)
- Versión horizontal (landscape): logotipo + símbolo a la izquierda (si aplica)
- Versión compacta (ícono solo): para favicons, avatares, app icons
2.2. Zona de exclusión:
- Alrededor del logotipo, dejar un espacio mínimo equivalente a la altura de la letra “L” del wordmark en todos los lados
- Nunca colocar texto, imágenes o elementos gráficos dentro de la zona de exclusión
2.3. Usos correctos:
- Sobre fondo blanco o blanco roto (uso primario)
- Sobre fondo oscuro (usar versión negativa en blanco)
- Sobre colores de la paleta aprobada (verificar contraste — ratio mínimo 4.5:1 para accesibilidad WCAG AA)
2.4. Usos prohibidos:
- No distorsionar, rotar, estirar ni comprimir el logotipo
- No cambiar los colores del logotipo fuera de las versiones aprobadas
- No aplicar sombras, degradados ni efectos 3D al logotipo
- No usar el logotipo sobre fondos fotográficos de baja legibilidad sin overlay
3. Paleta de Colores
3.1. Colores Primarios
| Color | Nombre | HEX | RGB | Uso |
|---|---|---|---|---|
| Azul Lawra | Lawra Blue | #1A2E4A | 26, 46, 74 | Color principal de marca; headers, CTAs primarios, logotipo |
| Dorado Lawra | Lawra Gold | #C9A84C | 201, 168, 76 | Acento premium; badges, highlights, CTAs secundarios |
| Blanco | White | #FFFFFF | 255, 255, 255 | Fondos primarios; texto sobre fondo oscuro |
3.2. Colores Secundarios
| Color | Nombre | HEX | Uso |
|---|---|---|---|
| Azul claro | Sky Blue | #E8F0FA | Fondos de sección; backgrounds suaves |
| Gris oscuro | Charcoal | #2D2D2D | Texto principal (body copy) |
| Gris medio | Slate | #6B7280 | Texto secundario; captions; metadata |
| Gris claro | Light Gray | #F3F4F6 | Fondos alternativos; separadores |
| Verde confirmación | Success Green | #10B981 | Estados de éxito; confirmaciones |
| Rojo alerta | Alert Red | #EF4444 | Errores; alertas; destrucción |
3.3. Uso del Color
- No usar más de 3 colores de marca en una misma pieza
- El dorado es un acento: usarlo con moderación (máximo 15–20% del área visual)
- Verificar contraste de accesibilidad antes de aprobar piezas: usar [contrast checker tool]
4. Tipografía
4.1. Tipografías Aprobadas
| Rol | Familia | Peso | Uso |
|---|---|---|---|
| Headlines / Títulos | Inter o Manrope | Bold (700), ExtraBold (800) | H1, H2, títulos de sección |
| Subtítulos | Inter o Manrope | SemiBold (600) | H3, H4, labels destacados |
| Cuerpo de texto | Inter | Regular (400), Medium (500) | Párrafos, descripciones, UI |
| Código / Técnico | JetBrains Mono | Regular | Bloques de código, prompts |
| Legal / Contratos | Georgia o Times New Roman | Regular | Documentos PDF formales únicamente |
Inter y Manrope son tipografías Google Fonts de uso libre y gratuito. Priorizar Inter para consistencia con la plataforma web.
4.2. Tamaños (escala base 16px)
| Nivel | Tamaño | Uso |
|---|---|---|
| H1 | 48–64px | Títulos hero |
| H2 | 32–40px | Títulos de sección |
| H3 | 24–28px | Subtítulos |
| Body L | 18px | Texto destacado |
| Body | 16px | Texto estándar |
| Small | 14px | Captions, metadata |
| XSmall | 12px | Notas legales, disclaimers |
5. Fotografía e Ilustración
5.1. Fotografía:
- Profesional, real, no estocada en exceso (evitar imágenes de banco de imágenes genéricas de “abogados felices”)
- Preferencia: contextos de trabajo reales (laptop, documentos, sala de reunión), diversidad étnica y de género
- Si se usan fotos de personas, obtener modelo release firmado
5.2. Ilustración:
- Estilo: líneas limpias, geométrico, moderno; paleta alineada con colores de marca
- Evitar: ilustraciones infantiles, personajes caricaturescos, estilos que contradigan la seriedad de la marca legal
- Las ilustraciones de IA (robots, cerebros digitales) deben usarse con moderación; Lawra es para humanos que usan IA, no un robot
5.3. Iconografía:
- Sistema: Lucide Icons (alineado con la plataforma web)
- Tamaños estándar: 16px, 20px, 24px
- Color: usar colores de paleta; no usar colores fuera de sistema
6. Voz y Tono (Resumen)
Ver Voice & Tone Guide completa (orden 79). Resumen ejecutivo:
- Confiante sin arrogancia: sabe de lo que habla, pero no alardea
- Claro y directo: no usa jerga innecesaria; explica lo complejo simplemente
- Cálido sin ser informal: amigable, no condescendiente; profesional, no frío
- Precisión legal: en contenidos técnicos, la precisión importa; no sacrificar exactitud por brevedad
7. Aplicaciones Clave
7.1. Presentaciones (PowerPoint / Google Slides)
- Plantilla oficial disponible en Google Drive →
Brand / Templates / Presentaciones - Fondo blanco o azul Lawra; texto en charcoal o blanco
- El logotipo aparece en portada, contraportada y footer de cada slide
7.2. Documentos PDF
- Encabezado con logotipo; footer con URL + ”© [año] Lawra, S.R.L.”
- Tipografía: Manrope para títulos; Inter para cuerpo (o Georgia/Times para documentos legales)
7.3. Email corporativo (firma)
Nombre completo | Cargo | Lawra | lawra.io Formato: nombre + cargo en negro; URL en Lawra Blue con hiperlink; sin fondos de color ni imágenes grandes
7.4. Redes Sociales
- LinkedIn: formato 1200×627px (banner), 400×400px (perfil)
- Twitter/X: 1500×500px (banner), 400×400px (avatar)
- Instagram: 1080×1080px
- Mantener foto de perfil del logotipo en blanco sobre fondo Lawra Blue
8. ¿Qué Hacer Si Necesito Crear un Material?
- Revisar si existe plantilla aprobada en Google Drive →
Brand / Templates - Si no existe, crear alineado con estas guías y enviar a [persona de brand/design] para revisión antes de publicar
- Nunca publicar materiales externos sin aprobación de al menos una persona con rol de brand o CCO
Versión 1.0 — Aprobadas por la Asamblea en [__]. Custodia: CCO (Ydarlis Cabrera). Próxima revisión: anual o ante rebranding.
Comments
Loading comments...