07 — Dirección creativa — SURCO
1. Posicionamiento visual
| Eje | Elección |
|---|
| Personalidad | Sobria, terrenal, ordenada — “cuaderno de finca”, no app infantil rural |
| Promesa | Claridad del día de campo |
| Tono visual | Bone cálido + leaf profundo + paja (straw) como acento de cultivo |
| Tono verbal | Directo, sin anglicismos innecesarios, sin paternalismo al agricultor |
| Referencias a evitar | Clipart de tractores, stock ultra-saturado, SaaS morado genérico, industrial TROCHA, cream-sage CORREA |
2. Concepto de marca
SURCO es la línea que el arado deja: orden en la tierra.
El producto traza el mismo orden en digital: parcelas, tareas, estados.
| Atributo | Sí | No |
|---|
| Materialidad | Papel hueso, tinta verde hoja | Neón, glassmorphism frío |
| Ritmo | Respiración generosa, cards redondeadas | Densidad de terminal logístico |
| Autoridad | Tipografía display literaria (Literata) | Display sci-fi / mono industrial |
| Acento | Straw en eyebrows y meta | Rojo alarma como color de marca |
3. Moodboard verbal
- Mañana en el bancal, luz lateral, polvo fino.
- Libreta de campo con mancha de tierra en el borde — traducida a UI limpia.
- Verde olivo y hueso de almendra; metal de grifo de riego solo como detalle.
- Silencio operativo: pocos colores, muchas decisiones claras.
| Uso | Criterio |
|---|
| Hero | Parcelas reales / fotorrealistas al atardecer o luz natural |
| Alt text | Descriptivo: “Parcelas agrícolas al atardecer” |
| Archivo case | assets/hero.jpg |
| Archivo app | apps/web/.../assets/hero.jpg (misma pieza) |
| Iconografía | Mínima; preferir tipografía y badges de estado a icon sets genéricos |
Anti-patrón: rectángulos grises con título (D-P0-02).
5. Sistema tipográfico (dirección)
| Rol | Familia | Carácter |
|---|
| Display / marca / H1–H2 | Literata | Serif humanista, editorial agrícola contemporánea |
| UI / body / labels | Manrope | Sans geométrica legible en móvil de campo |
Jerarquía orientativa:
| Estilo | Tamaño aprox. | Peso |
|---|
| H1 home | 40–48px | 600 |
| H1 app | 28–32px | 600 |
| Body | 16px | 400–500 |
| Eyebrow | 11–12px | 700, tracking amplio, color straw |
| Caption | 12–13px | 500, ink-muted |
6. Color — dirección de marca
| Nombre | Hex | Rol |
|---|
| Bone | #F4F0E6 | Fondo página |
| Leaf | #3D5C3A | Primary, CTAs, wordmark acento |
| Leaf deep / ink brand | #1B3A2A | Footer, énfasis |
| Leaf mid | #2A4A32 | Hover strong |
| Straw | #C4A35A | Eyebrows, meta códigos |
| Border | #D9D2C4 | Separadores y cards |
| Surface | #FFFFFF | Cards sobre bone |
| Ink UI | #1A1814 / deep leaf | Texto principal |
| Muted | #6B655C | Secundario |
| Danger | rojo semántico sistema | Solo errores, no marca |
| Elemento | Spec creativa |
|---|
| Radios | 16–20px cards; botones pill (rounded-full) |
| Grid home | 2 col hero en desktop; stack mobile |
| Max width | ~72rem (6xl) contenido |
| Header | 64–72px; borde sutil bone/border |
| Sombra | Suave en hero media; cards con borde primero |
| Densidad app | Lista vertical con espacio; stats en 2×2 / 4 col |
8. Motion (mínimo)
v1 sin librería de motion. Transiciones nativas:
- Hover borde card → primary/40
- Botones hover primary-strong
- Sin spinners custom obligatorios (loading textual aceptable)
9. Diferenciación en la serie diaria
| Proyecto | Clima | SURCO se diferencia por |
|---|
| TROCHA | Asfalto + ámbar señal | Agro bone/leaf; no paradas flota |
| CORREA | Cream sage terracotta pet | No marketplace; serif Literata agrícola |
| FIRME | Parchment forest legal | Menos “despacho”, más “campo” |
| SENDA | Cuidado social | No indigo; dominio parcela/tarea |
10. Criterios de aceptación creativos
- Home reconoce SURCO en <3 s (wordmark + eslogan + hero agro).
- No se confunde con app de delivery ni pet-care.
- CTAs “Soy agricultor / Soy técnico” alineados al modelo multi-rol.
- Estado de tareas legible por color+texto (no solo color).
- Consistencia Paper ↔ Angular en tokens y tipografía.
