---
version: alpha
name: Agro Revolution
description: Sistema visual de Agro Revolution, distribuidor oficial en Colombia de la tecnología Crop Booster® de Harvest Harmonics. Verdes de cultivo, dorado de señal, base científica.
colors:
  primary: "#54B435"
  primary-dark: "#379237"
  primary-deep: "#2E7D32"
  logo-gradient-start: "#4CAF3E"
  signal: "#E9A825"
  signal-deep: "#B77E10"
  signal-ink: "#8A5E0B"
  lime: "#9FCE00"
  soft: "#D5EAD8"
  pale: "#EDFBE2"
  background: "#F7FBF4"
  surface: "#FFFFFF"
  ink: "#0C1406"
  text: "#22301F"
  text-muted: "#54635A"
  slate: "#2F3B40"
  on-primary: "#0C1406"
  on-primary-deep: "#FFFFFF"
typography:
  display:
    fontFamily: Lexend
    fontSize: 3.9rem
    fontWeight: 700
    lineHeight: 1.06
    letterSpacing: -0.025em
  h2:
    fontFamily: Lexend
    fontSize: 1.62rem
    fontWeight: 700
    lineHeight: 1.2
    letterSpacing: -0.02em
  h3:
    fontFamily: Lexend
    fontSize: 1.15rem
    fontWeight: 600
    lineHeight: 1.3
    letterSpacing: -0.01em
  verse:
    fontFamily: Forum
    fontSize: 1.85rem
    fontWeight: 400
    lineHeight: 1.2
  body-md:
    fontFamily: DM Sans
    fontSize: 1rem
    fontWeight: 400
    lineHeight: 1.65
  label-caps:
    fontFamily: Lexend
    fontSize: 0.75rem
    fontWeight: 600
    letterSpacing: 0.06em
  stat:
    fontFamily: Lexend
    fontSize: 1.9rem
    fontWeight: 700
    letterSpacing: -0.02em
    fontFeature: tnum
rounded:
  sm: 6px
  md: 12px
  lg: 16px
  band: 26px
  full: 9999px
spacing:
  xs: 8px
  sm: 12px
  md: 18px
  lg: 26px
  xl: 52px
components:
  button-primary:
    backgroundColor: "{colors.primary}"
    textColor: "{colors.on-primary}"
    typography: "{typography.h3}"
    rounded: "{rounded.sm}"
    padding: 12px
  button-primary-hover:
    backgroundColor: "{colors.primary-dark}"
    textColor: "{colors.on-primary}"
  hero-band:
    backgroundColor: "{colors.primary-deep}"
    textColor: "{colors.on-primary-deep}"
    rounded: "{rounded.band}"
  card:
    backgroundColor: "{colors.surface}"
    textColor: "{colors.text}"
    rounded: "{rounded.md}"
    padding: 18px
  caption:
    backgroundColor: "{colors.background}"
    textColor: "{colors.text-muted}"
    typography: "{typography.body-md}"
  link:
    backgroundColor: "{colors.background}"
    textColor: "{colors.primary-deep}"
  badge-signal:
    backgroundColor: "{colors.signal}"
    textColor: "{colors.ink}"
    typography: "{typography.label-caps}"
    rounded: "{rounded.full}"
  note-pending:
    backgroundColor: "#FBF4E2"
    textColor: "{colors.signal-ink}"
    rounded: "{rounded.md}"
  section-tint:
    backgroundColor: "{colors.pale}"
    textColor: "{colors.ink}"
  section-soft:
    backgroundColor: "{colors.soft}"
    textColor: "{colors.ink}"
  accent-lime:
    backgroundColor: "{colors.lime}"
    textColor: "{colors.ink}"
  dark-band:
    backgroundColor: "{colors.slate}"
    textColor: "{colors.surface}"
  logo-gradient:
    backgroundColor: "{colors.logo-gradient-start}"
    textColor: "{colors.ink}"
  signal-deep-label:
    backgroundColor: "{colors.signal-deep}"
    textColor: "{colors.ink}"
---

## Overview

Agro Revolution lleva a Colombia una tecnología agrícola probada internacionalmente (Crop Booster®, de Harvest Harmonics) que transmite más de 3,000 señales armónicas a través del agua de riego. La marca es esperanzadora, natural, cercana al agricultor y siempre anclada en ciencia: nada que suene a esoterismo.

La página es un canal de riego que lleva una señal viva. Las bandas verdes cargan regiones completas; el dorado marca cada dato medido (+20 %, 3,000 señales, 2 años). Fondo claro de oficina de campo, nunca gris neutro de SaaS.

Voz: frases directas que abren con el beneficio, alternando versos inspiradores con cifras concretas. Frases de marca para usar tal cual: “Producir más, usando menos”, “Cultivamos el cambio desde la raíz”, “Revoluciona tu cosecha hoy”, “¡Tan fácil como reemplazar medio pie de tubo!”. Evitar promesas sin número y jerga de “energía mística”.

## Colors

- **Primary (#54B435):** verde web del sitio, para botones y acentos. Texto encima siempre oscuro (`on-primary` #0C1406, 7,11:1). El blanco sobre este verde da 2,64:1 y no se usa para texto.
- **Primary deep (#2E7D32):** banda de héroe, enlaces y cifras. Blanco encima da 5,13:1; sobre el fondo claro da 4,9:1.
- **Primary dark (#379237):** hover y profundidad. Blanco encima solo en titulares grandes (3,94:1).
- **Logo gradient (#4CAF3E → #2E7D32):** canónico para piezas de imagen.
- **Signal (#E9A825):** dorado del contorno del logo y de las ondas de señal. Reglas, ticks de medición y sellos con texto oscuro. Nunca texto sobre fondo claro (1,99:1).
- **Signal ink (#8A5E0B):** el único dorado apto para texto, sobre el fondo de notas pendientes (5,19:1).
- **Background (#F7FBF4), surface (#FFFFFF), pale (#EDFBE2), soft (#D5EAD8):** fondos de página, tarjetas y secciones.
- **Ink (#0C1406), text (#22301F), text-muted (#54635A):** titulares, cuerpo y texto secundario.
- **Lime (#9FCE00) y slate (#2F3B40):** acento vivo de detalle y texto alternativo.

No son de marca: los defaults de Elementor (#6EC1E4, #9B51E0, #54595F) ni #0F172A del tema demo.

## Typography

Fuentes verificadas en el sitio el 30-oct-2026: Lexend 400/600/700, Forum 400, DM Sans 400 (recomendado añadir 500 y 700).

- **Lexend** lleva toda la estructura: titulares, navegación, etiquetas y cifras (con números tabulares).
- **Forum** es solo para versos y frases inspiradoras de la marca, a tamaño display.
- **DM Sans** es el cuerpo de texto, mínimo 16px, línea de 60–75 caracteres.

Etiquetas en mayúsculas a 12px con tracking 0.06em. Titulares de 24px en adelante con tracking negativo. Comillas tipográficas (“ ”) en todo texto visible.

## Layout

Columna de lectura de 820px con márgenes de 36px (20px en móvil). Secciones separadas por 52px y una línea fina; cada título de sección lleva una regla corta de dorado a verde. Escala de espacio: 8, 12, 18, 26, 52.

## Elevation & Depth

Profundidad con sombras en capas, estructura con bordes. Tarjetas: anillo de 1px al 8 % de tinta más sombra suave; al pasar el cursor, una sombra más amplia. Las tablas y divisores conservan bordes porque son estructura.

## Shapes

Radios de 12px en tarjetas, 16px en tarjetas de logo, 26px solo en la esquina inferior de la banda de héroe, píldoras para índices y sellos. Las ondas de señal son arcos dorados de 2px que cruzan la banda verde.

## Components

- **Botón principal:** verde #54B435 con texto tinta #0C1406, radio 6px.
- **Banda de héroe:** #2E7D32 sólido detrás de todo el texto; el verde claro solo aparece como resplandor detrás de las ondas de señal.
- **Tarjeta de dato:** cifra en Lexend 700 verde profundo con un tick dorado debajo.
- **Nota pendiente:** fondo #FBF4E2, texto en signal ink, para todo lo que está “por confirmar”.

## Do's and Don'ts

- Do: texto oscuro sobre #54B435 y #E9A825; texto blanco sobre #2E7D32.
- Do: mostrar cifras concretas siempre que se haga una promesa.
- Do: marcar como “aún no definido” lo que no está confirmado; nunca inventarlo.
- Don't: texto blanco sobre #54B435 o sobre el dorado.
- Don't: dorado como color de texto sobre fondo claro.
- Don't: Baloo, Roboto u otras familias fuera del trío Lexend / Forum / DM Sans (Roboto solo como respaldo de Elementor).
- Don't: presentar a Harvest Harmonics como competidor; es el origen de la tecnología.