Una guia de estilo asegura que todos los elementos visuales de tu web (y futuros materiales) sean coherentes y profesionales.
Que incluye la guia de estilo
1. Paleta de colores
- Color primario: El color principal de tu marca (ej: #FF6B35)
- Color secundario: Complementario para acentos (ej: #004E89)
- Color de acento: Para llamadas a la accion y botones
- Colores neutros: Grises para textos y fondos
- Colores de estado: Verde (exito), rojo (error), amarillo (advertencia)
2. Tipografia
- Fuente principal: Para titulos (ej: Montserrat, Poppins)
- Fuente secundaria: Para cuerpo de texto (ej: Open Sans, Inter)
- Tamanos: H1, H2, H3, H4, cuerpo, pequeno
- Pesos: Regular, Medium, Bold, etc.
3. Logo y su uso
- Tamanos minimos de uso
- Zona de exclusion (espacio libre alrededor)
- Usos correctos e incorrectos
- Variantes (horizontal, vertical, icono)
4. Elementos de UI
- Botones: Primario, secundario, outline, deshabilitado
- Formularios: Inputs, selectores, checkboxes
- Tarjetas/Contenedores: Estilos de cajas de contenido
- Iconos: Set de iconos seleccionado
5. Imagenes y fotografia
- Estilo fotografico preferido
- Filtros o tratamientos de imagen
- Ilustraciones vs fotografia
Para que sirve la guia de estilo
- Coherencia: Toda tu web luce profesional y unificada
- Escalabilidad: Facil anadir nuevas paginas sin desviarse del estilo
- Comunicacion: Otros proveedores (marketing, impresion) siguen tus estandares
- Ahorro: Menos revisiones y cambios en futuros proyectos
Entregamos una guia de estilo basica con cada proyecto de diseno web. Si necesitas una version extendida (manual de marca completo), solicitalo como servicio adicional.
