01 · Visión
Operar al máximo.
Que cada empresa con operación en terreno opere a su máximo potencial sin que un software le frene la operación, ni una auditoría le pare el negocio.
Este documento define cómo Grua se ve, se escribe y se comporta. No es una colección de reglas — es la forma de proteger una idea: que la operación se documente sola.
Grua no es un sistema más para que tu equipo abra. Es la infraestructura que transforma cada acción del terreno — un mensaje, una foto, un audio, un PDF — en data, decisión y evidencia. Sin formularios. Sin CRUDs. Sin fricción.
Que cada empresa con operación en terreno opere a su máximo potencial sin que un software le frene la operación, ni una auditoría le pare el negocio.
Transformar cada mensaje, foto, documento y firma en data estructurada, decisiones automáticas y evidencia regulatoria. Sin formularios.
Los usuarios no entran al sistema a cargar info. La data emerge del terreno como flujo natural. Es nuestra línea más profunda — y nuestra ventaja estructural.
Concreto, operacional, cero abstracción.
Trabaja en segundo plano, decide solo, escala con datos.
Funciona donde la gente ya trabaja. WhatsApp, email, terreno.
El símbolo abstrae el brazo de una grúa: un mástil vertical, un jib angular ascendente, un cable y una carga (la 'i' del .ai como contrapeso visual). Geometría dura, sin nostalgia industrial.
El símbolo se construye sobre una grilla cuadrada de 24 unidades. Mástil de 2.4u × 18u, jib angular de 16u × 4u, carga de 2.8u² alineada al mástil. Trazos no inferiores a 1.2u.
Usar el lockup completo siempre que el espacio lo permita. ".ai" en acento o atenuado al 50%.
Usar el símbolo solo en espacios reducidos (favicons, app icons, avatares).
No deformar, inclinar, cambiar tipografía ni recolorear con tonos fuera de paleta.
No aplicar sobre gradientes saturados, fotos con bajo contraste, ni añadir sombras.
El neutro hace el trabajo pesado: 90% del sistema vive en grises tibios. El naranja aparece como señal — call-to-action, énfasis, evidencia. Verde compliance se reserva para estados.
El acento es señal, no decoración. Si todo es naranja, nada lo es.
Tres voces: Inter Tight para todo lo estructural, Instrument Serif para los momentos donde hace falta humanidad, JetBrains Mono para la data y los micro-textos del sistema.
Inter Tight es nuestra voz por defecto. Pesos 500/600 para títulos con tracking ajustado. 400 para cuerpo de texto. La intención: claridad estructural sin tonos corporativos.
El italic serif es el respiro humano dentro de un sistema técnico. Aparece poco — un sustantivo, una idea — y siempre sobre Inter Tight. Nunca dos italics en la misma frase.
| Token | Tamaño | Line-height | Tracking | Muestra |
|---|---|---|---|---|
| display-xl | 132 / 9vw | 0.92 | -4.5% | Tu operación |
| display | 88 / 6vw | 0.96 | -3.5% | Sin formularios |
| h1 | 56 / 4.2vw | 1.02 | -3% | Modular y simple |
| h2 | 40 / 3.2vw | 1.05 | -2.5% | Cómo crece con vos |
| h3 | 24 | 1.1 | -2% | Subtítulo de sección |
| body-lg | 19 | 1.5 | 0 | Cuerpo grande para lede |
| body | 16 | 1.55 | 0 | Cuerpo de texto estándar |
| small | 14 | 1.5 | 0 | Texto secundario, captions |
| eyebrow | 11 mono | 1.4 | +8% | SECCIÓN · 04 |
Hablamos como hablaría un jefe de obra moderno: con autoridad, sin pose. Tuteo. Cero corporate. Cero promesas que no podemos sostener. Empatía con el dolor del cliente, no con su orgullo.
"Subí un PDF a WhatsApp" gana siempre a "ingestamos múltiples fuentes documentales". Si lo podés mostrar, no lo expliques.
Hablamos en español latinoamericano con sabor. "Vos seguí trabajando." "Tu equipo." Nada de "usted" ni neutros corporativos.
Evitamos números falsos ("ahorrá 80%"). Mostramos el cómo, no el cuánto inventado. La confianza se gana con trabajo, no con superlativos.
Estilo Lucide. Trazo de 1.5px sobre grilla 24. Esquinas vivas, terminaciones redondeadas. Nunca flat colorido. Nunca skeumorfismo.
Set base ampliable. Para iconos no presentes en Lucide, dibujar sobre la misma grilla 24 con trazo 1.5px y mantener consistencia con el set.
Mínimos componentes para mantener consistencia entre web, app y materiales. Radii pequeños (4–8px), shadows mínimas, jerarquía por contraste no por color.
Primary ink-1000, default. Secondary outline ink-300. Accent solo en superficies oscuras o cuando compite con un primary cercano.
Border ink-300, radius 6px, focus outline 2px accent. Inputs de data técnica (RUT, código) usan mono.
Pills mono uppercase tracking 4%. Dots semantic (verde, naranja, rojo).
Cómo se ve la marca en formatos reales: papelería, redes, materiales impresos y email. Mismas reglas, contextos distintos.