01 · Marca
Aguas verificadas.
VERAQUA es la plataforma técnica que verifica el estado del agua en piscinas profesionales. No vende productos químicos. Vende la certeza de que el agua cumple, día a día, con lo que la normativa y el cliente esperan.
01.1 · Esencia
Verdad medible
sobre el agua.
El nombre une VERA (verdad, verificado) y AQUA (agua). Esa unión no es decorativa: define qué hace la marca. Toma lecturas, las cruza con la norma, y devuelve al gestor un estado claro — cumple, atención, fuera de rango.
El claim «aguas verificadas» no es un eslogan publicitario. Es la promesa operativa: cada lectura registrada es trazable, cada parámetro tiene umbral, cada incidencia deja huella documental.
01.2 · Principios
Cuatro reglas
que no se negocian.
01
Técnico,
no cosmético.
Hablamos en parámetros, umbrales y normas. Nada de «agua cristalina» ni metáforas decorativas. Si no se puede medir, no se afirma.
02
Sobrio,
no minimalista.
Densidad informativa alta cuando es útil, blanco cuando es respeto. La sobriedad nace del rigor, no de la moda.
03
Trazable,
no opaco.
Cada dato muestra su origen, su umbral y su sello temporal. La interfaz revela cómo sabe lo que sabe.
04
Profesional,
no doméstico.
Hablamos a gestores de instalaciones, no a particulares. La estética se inspira en el SaaS técnico, no en el e-commerce wellness.
01.3 · Posicionamiento
Frente a quién
nos definimos.
Contra
Apps de mantenimiento doméstico
VERAQUA es B2B. Opera sobre instalaciones con obligación normativa (RD 742/2013) y registros oficiales, no sobre piscinas residenciales.
Junto a
Software técnico vertical
El referente estético y de uso son los SaaS técnicos: SCADA, dashboards de observabilidad, herramientas de auditoría. Densidad y sobriedad.
A favor de
El gestor de instalación
El cliente está pisando vaso, hablando con el técnico, firmando el parte del día. La marca se diseña pensada para él, no para el comité de marketing.
02 · Logo
Un sistema, tres niveles.
El sistema VERAQUA tiene tres niveles de marca según el espacio y el contexto: lockup horizontal (uso primario), lockup vertical (formatos compactos) e isotipo (digital, app icon, favicon). No se mezclan ni se inventan variantes.
02.0 · Modulación
Geometría
del sistema.
El isotipo está construido sobre un módulo simétrico con ratio 0.8 : 1. Todo el sistema — vertical, horizontal, app icon, favicon — deriva de esta misma matriz.
Isotipo · módulo base
0.8 : 1
El escudo se inscribe en un rectángulo de ratio 0.8 : 1. La gota nace a 17.6 % y se cierra a 78.6 % sobre el eje X central. Simetría perfecta alrededor del eje vertical.
Lockup horizontal · ratio
3.67 : 1
Isotipo (x) y wordmark (3.4 × x) comparten alto. Entre ellos, un canal de aire de x/2 que protege la lectura. Centro óptico del wordmark alineado al centro del isotipo.
Lockup vertical · apilamiento
Eje único.
Isotipo y wordmark se apilan sobre el mismo eje vertical. Separación y ≈ 1/3 del alto del isotipo, suficiente para que ambos respiren sin perder unidad.
02.1 · Lockup horizontal
Uso primario.
El lockup horizontal es la versión por defecto: web, papelería, firmas de email, cabeceras. Cuatro variantes según fondo y nivel de impresión.
Tricolor · fondo claro
Tricolor · fondo navy
Mono navy · fondo claro
Mono claro · fondo oscuro
02.2 · Lockup vertical
Formatos compactos.
Vertical para soportes cuadrados o donde el horizontal no respira: cierres editoriales, perfiles sociales, tarjetería.
Tricolor · navy
Tricolor · claro
Mono navy · cyan
02.3 · Isotipo
Escudo + gota.
El isotipo opera de forma autónoma cuando el lockup no cabe: favicons, app icons, avatares sociales, watermarks. Nunca se usa el isotipo cuando hay espacio para el lockup.
Tight · tricolor · claro
Tight · tricolor cyan · claro
Tight · mono navy · cyan
02.4 · App icon
Versión iOS / Android.
La variante app-icon tiene proporciones y márgenes pensados para el contenedor cuadrado del sistema operativo. Nunca se usa fuera de ese contexto.
App icon · tricolor
App icon · mono claro
App icon · mono navy
02.5 · Área de respeto
El logo necesita aire.
Reserva un margen mínimo igual a la altura de la «V» del wordmark en cualquiera de sus lados. Nada (texto, imagen, borde) entra dentro de ese margen.
02.6 · Tamaño mínimo
Por debajo de esto, no.
Tamaños mínimos a partir de los cuales el logo deja de leerse correctamente. Para soportes muy pequeños se usa el isotipo, no el lockup.
Lockup horizontal
Mín. 120 px / 30 mm
Lockup vertical
Mín. 80 px de alto
Isotipo
Mín. 24 px / 8 mm
Favicon
16 / 32 / 48 px
02.7 · Usos prohibidos
Lo que nunca se hace al logo.
Estas seis manipulaciones rompen el sistema y no se permiten en ningún soporte, ni siquiera con justificación creativa.
No usar gradientes
El logo es plano. Nunca aplicar gradientes de fondo ni sobre el wordmark.
No recolorear
Usar exclusivamente los tres colores oficiales del sistema. Nada de violetas, verdes o naranjas.
No deformar
Mantener proporciones originales. Escalar siempre con shift / lock para preservar el ratio.
No rotar
El logo siempre se presenta horizontal. La inclinación rompe la lectura y la formalidad.
No sobre fondos cargados
Cuando la foto tiene mucho contraste o detalle, aplicar overlay navy antes del logo.
No sin contraste
Garantizar siempre ratio AA. Nunca tricolor sobre fondos cyan o de baja luminancia.
Tagline
«aguas verificadas» en cyan, italic, minúsculas.
La tagline va siempre en minúsculas, italic display weight 600 y cyan-pro — nunca en mayúsculas, nunca sin punto, nunca recoloreada.
03 · Color
Navy, cyan, y mucho aire.
El sistema cromático sigue una regla 90/8/2: navy domina la identidad, el cyan técnico actúa como acento, y el steel sostiene los grises de soporte. La sobriedad es funcional — la información clínica necesita silencio visual.
03.1 · Proporción
Regla 90 / 8 / 2.
En cualquier composición, el reparto cromático tiende a: 90% navy y blancos, 8% cyan acento, 2% steel. Esta proporción mantiene la jerarquía y evita el ruido visual.
03.2 · Paleta primaria
Tres colores.
Tres roles.
Navy es base estructural. Cyan Pro es la voz técnica del sistema (acento, focus, «cumple»). Off-white es el fondo neutro por defecto — nunca blanco puro excepto en cards elevadas.
Navy
Cyan Pro
03.3 · Paleta de soporte
Steel, fondos
y matices.
Variantes que sostienen la composición: textos secundarios, fondos neutros, hairlines, hover-states. Nunca compiten con la paleta primaria.
Navy Soft
Steel Dark
Steel
Cyan Dark
Cyan Soft
Light Blue
Off-White
White
Hairline
03.4 · Color semántico
Lectura del estado
del agua.
VERAQUA verifica parámetros. Cada estado tiene un color técnico, no decorativo: cyan = cumple, mint = atención preventiva, amber = fuera de rango admisible, rojo = crítico. Estos colores no se usan fuera de su rol semántico.
Cumple
Atención
Fuera
Crítico
03.5 · Accesibilidad
Combinaciones
permitidas.
Todas las combinaciones de uso productivo cumplen WCAG AA (4.5:1) para texto a tamaño cuerpo. Los pares marcados como AAA cumplen 7:1 y son obligatorios para textos legales o densos.
Navy + Off-white
AAA · 14.8 : 1
El par primario del sistema. Uso obligatorio en texto legal, contenidos densos, dashboards. Cumple AAA en cualquier tamaño.
Navy + White
AAA · 16.5 : 1
Cards y modales sobre off-white. Máximo contraste, máxima legibilidad para datos críticos.
Cyan Pro + Navy
AA · 5.2 : 1
Botones primarios y CTA con texto navy. AA para tamaños ≥14 px bold o ≥18 px regular. No usar para texto largo.
Steel Dark + Off-white
AA · 4.7 : 1
Texto secundario y captions. Cumple AA. No bajar del Steel Dark para texto — el Steel base solo para iconos no críticos.
04 · Tipografía
Tres familias. Tres voces.
El sistema tipográfico está construido con tres familias open-source: Barlow Condensed para display, DM Sans para cuerpo, DM Mono para datos. La verticalidad de Barlow Condensed evoca rigor industrial; DM Sans aporta neutralidad técnica; DM Mono firma los datos.
04.1 · Display
Barlow Condensed.
Wordmark, titulares, claims, números grandes. Su anchura comprimida transmite eficiencia operativa y permite jerarquías muy altas sin invadir el ancho de columna.
Display · Headlines · Numerals
Barlow Condensed
Aa Vv
Verifica el agua. Cumple la norma.
- 500 · Medium
- 600 · SemiBold
- 700 · Bold
- 800 · ExtraBold
- 900 · Black
04.2 · Body
DM Sans.
Tipografía neutral para texto cuerpo, UI, navegación, formularios. Geométrica pero humanista — legible en cuerpos pequeños y rendering tipográfico estable en pantalla.
Body · UI · Navigation
DM Sans
Aa Vv
Cloro libre 1.2 mg/l · pH 7.4 · redox 720 mV
- 400 · Regular
- 500 · Medium
- 600 · SemiBold
- 700 · Bold
04.3 · Mono
DM Mono.
Reservada para kickers, eyebrows, datos técnicos, identificadores y metadatos. La monoespacia firma todo lo que es información trazable.
Data · Kickers · Metadata
DM Mono
A1 V0
REG-2026-0142 · 14:32 · OK
- 400 · Regular
- 500 · Medium
04.4 · Escala tipográfica
Tokens
de tamaño.
Escala estandarizada para cualquier soporte digital. En print se aplican proporciones equivalentes en pt. Nunca usar tamaños fuera de esta escala.
- H1
- 168 / 0.92 / -0.02em
- Hero, claims, reveals
- VERAQUA
- H2
- 128 / 0.92 / -0.02em
- Section titles
- aguas verificadas.
- H3
- 88 / 0.95 / -0.02em
- Subsections, deck titles
- Sistema técnico.
- H4
- 56 / 1.0 / -0.01em
- Card titles, callouts
- Verificación continua
- H5
- 36 / 1.05 / -0.01em
- Inline emphasis
- Cumple normativa
- LEAD
- 28 / 1.4 · DM Sans 400
- Section descriptions
- El sistema técnico que verifica el agua.
- BODY-LG
- 22 / 1.55 · DM Sans 400
- Long-form articles
- Cada lectura registrada es trazable y reproducible.
- BODY
- 17 / 1.6 · DM Sans 400
- UI default
- Verificación automática conforme a RD 742/2013.
- BODY-SM
- 14 / 1.5 · DM Sans 400
- Captions, micro-copy
- Última lectura · hace 12 minutos
- KICKER
- 14 / 1.2 · DM Mono 500 · 0.18em
- Eyebrows, labels técnicos
- REG-2026-0142
05 · Iconografía
Lucide, siempre.
El sistema icónico es Lucide: open source, librería completa, trazo consistente. No mezclamos sets ni dibujamos iconos custom salvo necesidad operativa verificada (parámetros químicos sin equivalente en Lucide).
05.1 · Especificación
Reglas técnicas.
Parámetros
Trazo y geometría
- Stroke width
- 1.75 px (default Lucide)
- Stroke linecap
- round
- Stroke linejoin
- round
- Tamaños
- 16 / 20 / 24 / 32 / 48 px
El trazo nunca se modifica fuera de estos valores. No outlines, no fills, no shadows.
Color
Aplicación cromática
- Sobre claro
- Navy (#0B1F3A)
- Sobre oscuro
- Off-White (#F4F7F8)
- Estado activo
- Cyan Pro (#00C2CB)
- Decorativo / disabled
- Steel (#6B8A9E)
El icono nunca se convierte en CTA por sí solo — siempre va acompañado de label visible o tooltip accesible.
05.2 · Set base
Iconos
operativos.
Los 24 iconos más usados en el producto. Esta es la base, no el límite — cualquier icono de Lucide es válido siempre que cumpla las reglas técnicas.
06 · Fotografía
Agua real, luz fría.
La fotografía VERAQUA documenta instalaciones reales: piscinas en uso, vasos en operación, instalaciones técnicas. Nada de stock saturado, nada de modelos sonriendo en chiringuito. La paleta es fría, la composición sobria, la verdad evidente.
06.1 · Tres estilos
Tres categorías,
tres usos.
Tipo 01
Instalación contemporánea
Piscinas residenciales o de hotel de diseño moderno. Líneas limpias, arquitectura visible. Uso primario: hero, portadas, contextos comerciales.
Tipo 02
Vaso urbano / hotelero
Piscinas comunitarias y de hotel en operación. Personas de espalda o fuera de foco. Uso primario: secciones de producto, casos de uso reales.
Tipo 03
Entorno natural
Vista cenital, agua como textura abstracta, paisaje sereno. Uso primario: divisores de sección, fondos atmosféricos, redes sociales editoriales.
06.2 · Tratamiento
Reglas de procesado.
Toda foto que entra al sistema VERAQUA pasa por el mismo tratamiento. Coherencia cromática — no edición artística.
01
Temperatura fría
White balance ligeramente azulado (5500 K). Reducción de saturación en amarillos y rojos para alinear con la paleta navy/cyan.
02
Overlay navy
En heroes y portadas: gradiente navy del 35% (top) al 70% (bottom) sobre la foto. Garantiza legibilidad del texto y unifica el feed visual.
03
Composición
Líneas de horizonte respetadas, regla de tercios en motivos centrales, zonas de calma para alojar tipografía. Encuadres limpios, no maximalistas.
06.3 · No hacemos
Tropos a evitar.
Nunca
Modelos sonrientes en bañador, ambiente de resort.
En su lugar
Personas reales de espalda, técnicos en operación, vasos en uso real.
Nunca
Saturación tropical, cyans Photoshop, amarillos atardecer.
En su lugar
Paleta fría desaturada, navy dominante, blancos limpios.
Nunca
Stock photography genérica de Shutterstock o iStock.
En su lugar
Fotografía propia o curada de Unsplash con autoría verificable.
07 · Voz
Hablamos como técnicos.
VERAQUA escribe como un técnico bien escrito: con precisión, sin grandilocuencia, sin condescendencia. La marca evita el lenguaje publicitario, los superlativos sin medida y las metáforas decorativas. Si no se puede demostrar, no se afirma.
07.1 · Cuatro principios
Cómo suena
la marca.
Somos
Precisos. Damos cifras, umbrales, fechas, normas concretas.
No somos
Vagos. Nada de "más", "mejor", "óptimo" sin referencia.
Somos
Sobrios. El dato habla por sí solo. Adjetivos, los justos.
No somos
Entusiastas. Ni "increíble", ni "revolucionario", ni "único".
Somos
Honestos. Si una limitación existe, se nombra.
No somos
Comerciales. No vendemos sueños, ofrecemos verificación.
Somos
Cercanos al técnico. Hablamos de su día a día, no del de marketing.
No somos
Corporativos. Nada de jerga de comité, ni "soluciones integrales".
07.2 · Ejemplos
Antes / después.
Cómo reescribimos textos cotidianos para que suenen a VERAQUA.
Así no
«La solución integral para gestionar tu piscina y disfrutar del agua sin preocupaciones.»
Vago, comercial, infantilizante. "Solución integral" es ruido.
Así sí
«Verifica el agua de tu instalación conforme al RD 742/2013. Lecturas trazables, partes firmados, alertas en tiempo real.»
Verbo concreto, referencia normativa, beneficios medibles.
Así no
«¡Cuidamos tu agua como si fuera nuestra!»
Familiar, emotivo, exagerado. Nadie cuida tu agua: la verifican parámetros.
Así sí
«Cloro libre, pH y redox medidos cada 30 minutos. Cuando un parámetro sale del rango, lo sabes en 60 segundos.»
Cifras concretas, latencia explícita, capacidad real del sistema.
Así no
«Una herramienta poderosa y revolucionaria para profesionales del sector.»
Superlativos sin contenido. "Revolucionaria" no es una afirmación.
Así sí
«Diseñado para gestores de piscinas comunitarias, hoteleras y municipales. RD 742/2013 cumplido por defecto.»
Audiencia explícita, alcance claro, promesa verificable.
Así no
«Algo salió mal. Por favor, intenta de nuevo más tarde.»
Vaguedad, no aporta info. El usuario no sabe qué hacer.
Así sí
«No se ha podido guardar la lectura. Conexión interrumpida. Reintenta o guarda local hasta recuperar señal.»
Causa, opciones, sin emoji. El usuario decide.
07.3 · Glosario
Términos
oficiales.
Vocabulario verificado para usar en producto, marketing y soporte. Estos son los términos correctos — usar variantes genera confusión.
- VERAQUA
- Mayúsculas, sin acento, junto. «VERAQUA», no «Veraqua», «Ver-Aqua» ni «VeraAqua».
- Forma canónica única para UI, copy, marketing, metadata y emails. La capitalización mixta está prohibida en cualquier contexto.
- Lectura
- Cada medición individual de un parámetro.
- No «registro» (que es el conjunto), no «dato» (genérico).
- Parte
- Documento oficial firmado de cierre de jornada.
- No «informe», no «reporte». El parte es lo que exige la normativa.
- Vaso
- Cada piscina física dentro de una instalación.
- «Instalación» es el conjunto; «vaso» es la unidad medible.
- Cumple / Atención / Fuera
- Estados de un parámetro respecto a su umbral.
- No «OK / KO», no «verde / rojo». Estados verbales explícitos.
- RD 742/2013
- Real Decreto que regula piscinas de uso colectivo en España.
- Citarlo siempre con el formato «RD 742/2013», nunca «el real decreto».
08 · Aplicaciones
El sistema en uso real.
Cómo se aplica VERAQUA en cada soporte: producto digital, comunicación, identidad operativa. Las superficies cambian; los principios — navy dominante, cyan acento, datos firmados — no.
08.1 · Web · veraqua.es
Landing y sitio
institucional.
El sitio público combina hero con fotografía sometida a overlay navy, secciones de producto con cards blancas sobre off-white, y bloques de credibilidad sobre navy con datos en cyan.
RD 742/2013 · Verificación continua
aguas verificadas.
partes firmados.
Solicitar demo →Hero principal
veraqua.es / inicio
Hero full-bleed con foto + overlay navy. Lockup superior izquierda, nav minimal en mono uppercase. Claim en display, CTA cyan único.
Por qué VERAQUA
Verificación medible,
no diagnóstico verbal.
30s
Cadencia mínima de lectura por parámetro
100%
Trazabilidad documental por vaso
Sección producto
Bloque de propuesta de valor
Cards blancas sobre off-white. Datos en cyan, captions en steel. Cero imagery decorativa — el dato es el protagonista.
08.2 · App · app.veraqua.es
Producto operativo.
La app mantiene patrones SCADA/observabilidad: sidebar oscura navy, listados densos sobre off-white, badges semánticas en cyan para «operativa» y amber para alertas.
Piscinas
+ NuevaProducto · Web
Dashboard operativo
Sidebar navy con isotipo, contenido off-white, tabla densa con búsqueda y filtros. Patrón «tabla maestra + detalle» consistente en todas las entidades.
Producto · App
PWA del técnico
El móvil es donde el técnico vive. Lockup completo en cabecera. Tarjetas con tag-pills semánticas. Tab bar fija. FAB cyan para crear parte. Hit-targets ≥44 px.
Patrones de UI · App
- Sidebar navyvar(--navy)
- Lienzo off-whitevar(--off-white)
- Acción primaria cyanvar(--cyan-pro)
- Texto crítico navyvar(--navy)
- Estados «ok» cyanbadge cyan
- Estados «alerta» amberbadge amber
Sistema · UI tokens
Reglas heredadas
El producto refleja la marca: navy estructural, cyan para lo que importa hacer, sin gradientes decorativos. Cada nuevo módulo respeta este sistema antes de inventar nada.
08.3 · Activos digitales
Favicon, OG image,
app icon.
Especificaciones técnicas de los assets digitales más expuestos.
App icon
iOS / Android
1024×1024 px master · isotipo app-icon tricolor sobre fondo claro · sin marco redondeado (lo añade el SO).
Favicon
Multi-resolución
SVG vectorial + PNG fallback en 16 / 32 / 48 px. Isotipo tight tricolor-dark sobre fondo off-white. Apple-touch-icon: variante app-icon.
aguas verificadas.
OG image
Social preview
1200×630 px · ratio 1.91:1 · foto + overlay navy + lockup horizontal + tagline cyan en cursiva. Misma plantilla para LinkedIn / WhatsApp / Slack.
08.4 · Firma de email
Identidad operativa
en correspondencia.
Un saludo,
Diego Andrades
Co-fundador · diego@veraqua.es
VERAQUA
aguas verificadas.
Firma comercial
Estándar de equipo
Nombre + rol + email + isotipo tight + wordmark + tagline. Sin logos de redes, sin «enviado desde mi iPhone», sin disclaimers legales largos.
Resumen diario · Hotel Mediterráneo
3 vasos verificados.
Sin incidencias.
Las lecturas de las últimas 24h se mantienen dentro de rango en cloro libre, pH y redox. El parte está firmado por María Jiménez a las 18:42.
Ver parte completo →Email transaccional
Resumen diario / alertas
Cabecera navy con lockup, cuerpo blanco con kicker mono, headline display, párrafo body, CTA cyan. Sin gradientes, sin imagery decorativa.
08.5 · Redes sociales
Avatar, banner,
plantilla de post.
Avatar redes
LinkedIn / X / IG
Isotipo tight tricolor sobre fondo claro. Cuadrado 400×400 px. Una sola variante para todas las plataformas — coherencia sobre adaptación.
aguas verificadas.
Banner LinkedIn
1584×396 px
Foto + overlay navy en gradiente lateral. Lockup en zona izquierda con margen seguro. Tagline cyan debajo.
Caso · 02
RD 742/2013
Una hora menos
de papeleo
al día.
Hotel Mediterráneo · Marbella
3 vasos · 4 técnicos · 2 meses
Post Instagram
Plantilla 1080×1080
Card off-white. Header con isotipo + numeración del caso. Kicker cyan, headline display, footer con datos verificables.
09 · Anti-patrones
Lo que VERAQUA nunca hace.
Para que el sistema funcione como una unidad, hay tropos visuales y verbales explícitamente fuera. Esta lista no es exhaustiva, pero cubre los deslices más comunes.
Visual
Trucos a evitar.
Gradientes decorativos
Sin gradientes en fondos, en logos, en CTAs. La paleta es plana — cualquier gradiente delata diseño no técnico.
Glassmorphism / glow / neumorfismo
Efectos blur, halos luminosos, sombras coloreadas o internas. Producen ruido visual y no aportan información.
Emojis en producto / marketing
Salvo en mensajería interna, los emojis no aparecen en UI, copy ni redes corporativas. Son ruido tonal.
Iconos custom dibujados
Solo Lucide. No mezclamos sets. No dibujamos iconos a mano salvo necesidad técnica concreta validada.
Cards rounded con borde lateral colorido
Tropo SaaS genérico. Nuestras cards son rectangulares con hairline neutro. El acento se gana con tipografía, no con borde.
Verbal
Frases que nunca decimos.
«Solución integral»
Cliché corporativo vacío. Decir qué hace exactamente el producto.
«Revolucionario / disruptivo / único»
Adjetivos sin contenido. Sustituir por descripción técnica concreta.
«Cuidamos / cuidamos de»
Lenguaje afectivo de marca de consumo. VERAQUA verifica, no cuida.
«¡Hola!» «¿Listo?» «¡Empecemos!»
Tono de app de fitness. Hablamos a profesionales adultos en jornada laboral.
«Algo salió mal»
Mensaje de error que no informa. Decir qué falló, qué hacer ahora.