Manual privado de marca
Torres del Sol: identidad residencial para vivir dentro de un parque.
Guia interna para alinear identidad visual, comunicacion, piezas comerciales, contenido digital y ejecucion web de Torres del Sol Parque Residencial.
Direccion de marca
Criterio.
Torres del Sol trabaja sobre una promesa visual clara: zonas verdes, recorridos, cielo, sol y vida familiar. La comunicacion debe transmitir tranquilidad, presencia y valor residencial. La direccion de marca combina fondos crema, verdes profundos, titulares serif de alto impacto y acentos derivados del logo.
Criterio de aprobacion: si la pieza podria pertenecer a cualquier constructora, aun no representa la marca. Debe sentirse como Torres del Sol: parque, aire, bienestar y vivienda.
Parque, sol, calma, familia, movimiento y una vida diaria mas amable.
Diseno frio, colores genericos, exceso de texto y piezas que solo parezcan ficha tecnica.
Construir una marca residencial con narrativa: vivir no solo en un apartamento, sino dentro de un entorno.
Sistema vigente
Recursos de identidad digital.
El sitio trabaja con titulares serif de alto contraste, principalmente Georgia, Iowan Old Style, Baskerville y Times New Roman. La lectura funcional usa Arial, Helvetica, System UI e Inter por bloque. Este manual ordena esas familias para que la marca se vea consistente en web, piezas comerciales y documentos.
Iowan Old Style / Baskerville / Georgia / Times New Roman. Uso: hero, H1, H2, portadas, frases aspiracionales y secciones premium.
Arial / Helvetica / System UI / Inter. Uso: parrafos, fichas, botones, formularios, datos comerciales y lectura rapida.
Iowan Italic o Georgia Italic. Uso: una palabra o frase corta para dar gesto editorial. No usar en parrafos largos.
Brush Script MT o Segoe Script. Uso restringido a gestos graficos inspirados en el logo. No reemplaza titulares ni textos.
Sistema tipografico
Sistema tipografico para web, piezas comerciales y documentos.
Torres del Sol reune zonas verdes, piscina, senderos, cicloruta y espacios para compartir en una experiencia residencial mas natural.
Paleta
Paleta principal, acentos y usos permitidos.
Combinaciones
Cuatro caminos seguros para diseñar.
Premium natural
Verde profundo + crema + dorado. Para portadas, hero, vallas, cierres comerciales y bloques de alta presencia.
Clara residencial
Crema + verde profundo + gris vegetal. Para membretes, fichas y contenido informativo.
Cielo y bienestar
Cielo + azul tinta + crema. Para miradores, nubes, terrazas y descanso.
Acento comercial
Amarillo y naranja del logo solo para datos clave, sellos, llamados puntuales y detalles de recordacion.
Herramienta de armado
Herramienta de composicion para validar piezas de marca.
Esta herramienta permite probar formato, layout, textos, color, imagen, logo, margenes, overlay y pie de pagina bajo el sistema visual de Torres del Sol. Funciona como punto de control para mantener consistencia antes de producir una pieza final.
Configure una pieza base, revise composicion y copie la guia de produccion. El resultado puede trasladarse a Canva, Illustrator, Photoshop, Word o WordPress manteniendo el sistema visual.
Configura una pieza y copia la guia para pasarla a produccion.
Aplicaciones
Aplicaciones por formato.
- WebSecciones amplias, H1/H2 en Iowan, Baskerville o Georgia, textos cortos en sans, imagen grande y transiciones suaves.
- InstagramUna idea por post. Titular grande. Maximo tres colores. Logo visible sin comerse la pieza.
- VallasUna frase principal, un dato y un CTA. Nada de parrafos. Alto contraste siempre.
- MembretesFondo blanco o crema. Logo arriba. Datos en Arial, Helvetica, System UI o Inter. Lineas en verde o dorado.
- BrochurePortada emocional con render. Fichas tecnicas limpias. Areas y beneficios visibles al primer vistazo.
Mensaje corto, render vivo y contraste suficiente.
Valla
Una frase de lectura rapida con alta recordacion.
Membrete
Orden, aire, logo y datos sin ruido visual.
Checklist
Antes de aprobar.
- LecturaLa pieza se entiende en tres segundos.
- ColorNo usa mas de tres colores fuertes al mismo tiempo.
- ContrasteNo hay texto claro sobre fondo claro ni texto oscuro sobre imagen oscura.
- LogoTiene aire, no esta deformado y no compite con el titular.
- MarcaSe siente parque residencial premium, no plantilla generica.
Estrategia web y SEO
Lineamientos para evolucionar el sitio digital.
La identidad visual debe trasladarse al sitio con estructura orientada a conversion, velocidad, claridad comercial y posicionamiento organico. Cada bloque cumple una funcion especifica dentro del recorrido del usuario.
Enfoque de comunicacion.
El sitio presenta una idea antes que una lista de caracteristicas: vivir en un entorno residencial con sensacion de parque. Cada bloque tiene una funcion clara: atraer, explicar, demostrar, ubicar o convertir.
Narrativa principal.
Torres del Sol no se comunica solo como proyecto de apartamentos. La narrativa integra rutina, sombra, agua, senderos, familia, aire y descanso para construir recordacion y diferenciar la marca.
Promesa grande, imagen fuerte, logo con aire y un CTA directo.
Movimiento natural: piscina, gimnasio, terrazas, cicloruta y senderos.
Datos claros: areas, tipos, planos y beneficios sin exceso de texto.
Villavicencio, acceso, entorno y razones para vivir ahi.
Avance, renders, brochure, constructora, estado del proyecto.
Formulario corto, WhatsApp visible y CTA repetido con criterio.
Visibilidad organica.
Un H1 por pagina, titles y metas escritos para busquedas reales, imagen principal definida, alt text descriptivo, enlaces internos y contenido local: apartamentos en Villavicencio, parque residencial, zonas verdes, piscina, cicloruta y vivienda familiar.
Rendimiento y experiencia.
Renders en WebP/AVIF, medidas width/height, lazy loading fuera del primer pantallazo, no animar todo al mismo tiempo y cuidar LCP, INP y CLS. Lo visual puede ser fuerte, pero no puede hacer lento el sitio.
Ruta de contacto clara.
Botones con el mismo lenguaje, formularios cortos, WhatsApp persistente sin tapar contenido, CTA al final de cada bloque importante y textos pensados para vender beneficio, no solo metros cuadrados.
Variacion dentro del sistema.
Hero con impacto, amenidades con movimiento, apartamentos con orden, ubicacion con mapa limpio y contacto con claridad. Cada seccion pertenece a la misma marca y cumple una funcion visual distinta.
Contenido orientado a experiencia.
Menos frases genericas. Mas observaciones concretas: caminar, descansar, usar la piscina, ver el verde, subir a la terraza, tomar la cicloruta. La pagina debe ayudar a imaginar la vida diaria.
Uso intencional del material visual.
Las imagenes muestran producto, entorno o experiencia. Si una imagen no aporta informacion ni refuerza la promesa del proyecto, se trata como textura secundaria o se reemplaza.
Estabilidad en WordPress.
Todo bloque personalizado va encapsulado. No se aplican estilos globales sobre body/html fuera de paginas controladas, no se repiten IDs y no se usan scripts que controlen el scroll completo sin necesidad. Cada bloque debe poder pegarse, moverse o retirarse sin afectar el resto del sitio.
<section class="tds-section tds-amenidades">
<div class="tds-inner">...</div>
</section>
.tds-amenidades { isolation: isolate; }
.tds-amenidades * { box-sizing: border-box; }
(function () {
var root = document.querySelector(".tds-amenidades");
if (!root) return;
})();
Prioridad: mensaje, estructura y rendimiento.
La secuencia de trabajo es mensaje, estructura, imagen y animacion. Si un efecto tapa texto, altera el layout, aumenta demasiado el peso o dificulta la experiencia en celular, se simplifica.
- CSSUsar prefijo tds-, variables por bloque y media queries claras.
- JSVanilla JS, funciones pequeñas, IntersectionObserver para apariciones y respetar prefers-reduced-motion.
- WordPressEvitar alturas infinitas. Probar siempre en editor, publicado, desktop y celular.
Ideas de efectos
Nubes como transicion
Usarlas para unir bloques, no como decoracion suelta.
Hojas con scroll
Una hoja que guie tarjetas o pasos, sin llenar la pantalla.
Flores con viento
Movimiento leve, organico, solo en bordes o capas de ambiente.
Horizontal con pausa
Solo para contenido que gane valor con recorrido: amenidades, entorno o beneficios.
Cierre