# Create a downloadable folder and ZIP with the current one-pager site
import os, zipfile, textwrap, pathlib

site_dir = «/mnt/data/caramel-agency-site»
os.makedirs(site_dir, exist_ok=True)

html_content = «»»

Caramel Agency · Identidad & Web

Identidad · Web · Estrategia

Diseñamos marcas que se sienten y webs que convierten.

Aplicamos tu Manual de Identidad de forma rigurosa (colores, tipografías, retículas y usos) y lo traducimos en una experiencia digital impecable. Una web híbrida: lo mejor de las grandes agencias, con la magia boutique de Caramel.

Briefing rápido
Ver casos
¿Qué nos hace distintos?

En común vs. Diferenciales

Lo que verás en las mejores agencias

Puntos en común

✓ Servicios full-stack: estrategia, branding, web, performance.
✓ Portafolio con casos medibles y testimonios reales.
✓ Metodología por fases y calendarios cerrados.
✓ Optimización SEO/SEM, analítica y accesibilidad AA.

Lo que hace única a Caramel

Diferenciales Caramel

✓ Brandbook-first: partimos de tu Manual y lo respetamos al píxel.
✓ Híbrido magia-tierra: concepto inspirador + implementación rigurosa.
✓ Contenido guiado: copy y estructura pensados para conversión.
✓ Escala boutique: trato directo, entregas ágiles, cero capas.

Servicios

Identidad & Guidelines

Creación y normalización de identidad visual: paleta, tipografías, retícula, usos y restricciones.

UX/UI & Web

Arquitectura, wireframes y diseño UI fiel al manual. Desarrollo responsive y optimizado.

Contenido & SEO

Tono de marca, microcopy, landings orientadas a intención de búsqueda y conversión.

Performance

Analítica, experimentación A/B y campañas de captación medibles.

Brand Ops

Plantillas, componentes y kits para escalar la coherencia visual en todos los soportes.

Soporte & Evolución

Roadmap trimestral, sprints de mejora continua y mantenimiento.

Proceso en 4 pasos

Brief & Auditoría

Revisamos tu manual (colores #b0398a, #ffd600, #000, tipografías y márgenes de respeto) y detectamos gaps.

Arquitectura & UX

Mapa de contenidos, flujos y wireframes centrados en objetivos de negocio.

UI & Desarrollo

Diseño fiel al brand + build responsive, accesible y rápido.

Lanzamiento & Medición

Check QA, performance y analítica. Iteramos con datos.

Casos & Showreel

Identidad → Web · Adaptación integral de manual a ecosistema digital.

Landing Performance · Estructura de conversión y microcopy.

Hablemos

Cuéntanos tu proyecto

Responde en 2-3 minutos. Te devolvemos un plan claro con tiempos y entregables.

✓ Cumplimiento 100% del Brandbook.
✓ Diseño y copy orientados a conversión.
✓ Entregables listos para publicar.

«»»

readme = textwrap.dedent(«»»
Caramel Agency — One-pager
==========================

Cómo usar
———
1) Descomprime el ZIP.
2) Abre `index.html` en tu navegador.
3) Para publicarla, sube el archivo a tu hosting (por ejemplo, carpeta `public_html` o `/var/www/`).

Notas de marca
————–
• Colores: violeta #b0398a, amarillo #ffd600, negro #000000.
• Tipografía: Open Sans (Google Fonts).

Estructura
———-
– Hero (brandbook-first), Diferenciales vs Comunes, Servicios, Proceso, Casos, Contacto.
«»»)

# Write files
with open(os.path.join(site_dir, «index.html»), «w», encoding=»utf-8″) as f:
f.write(html_content)

with open(os.path.join(site_dir, «README.txt»), «w», encoding=»utf-8″) as f:
f.write(readme)

# Zip folder
zip_path = «/mnt/data/caramel-agency-site.zip»
with zipfile.ZipFile(zip_path, «w», zipfile.ZIP_DEFLATED) as z:
for root, _, files in os.walk(site_dir):
for name in files:
p = os.path.join(root, name)
z.write(p, arcname=os.path.relpath(p, site_dir))

zip_path

Hello world!