¿Qué hace esta skill?

Esta skill genera un sistema de diseño visual completo y coherente para páginas web sobre vida marina y delfines dirigidas a un público joven (17-22 años). Define paleta de colores con códigos RGB y CMYK, tipografía justificada, escala de espaciados y reglas para botones interactivos, todo listo para implementar.

Web de vida marina
Define la identidad visual completa para una página sobre delfines y océanos con tonos azules y verdes.
Paleta de colores
Genera 3-4 colores coherentes con nombres descriptivos, códigos RGB y CMYK para cada tono del sistema.
Sistema de espaciados
Establece una escala escalonada de márgenes, paddings y gaps en pulgadas o unidad justificada.
Botones interactivos
Define cómo aplicar el color de acento en botones con estados normal, hover y active.

Ejemplos de uso

🐬 Web sobre delfines
Necesito un sistema de diseño para una web sobre delfines. El público es de 17 a 22 años y quiero un tono fresco y juvenil con azules y verdes.
🌊 Proyecto marino juvenil
Crea un sistema visual completo para una página de vida marina orientada a jóvenes universitarios, con paleta azul-verde y botones interactivos dinámicos.
🎨 Identidad visual oceánica
Define la identidad visual de mi web de oceanografía para jóvenes: paleta de colores, tipografía y espaciados con estilo fresco y dinámico.
🔘 Botones y estilos marinos
Genera un sistema de diseño con paleta marina de 4 colores, tipografía juvenil y reglas detalladas para botones interactivos con estados hover y active.

Características

Paleta marina de 3-4 colores Colores dentro del espectro azul-verde que evocan el ambiente marino y los delfines, con roles definidos: primario, secundario, acento y neutro.
Códigos RGB y CMYK Cada color de la paleta incluye nombre descriptivo, código RGB, código CMYK y descripción visual para uso digital e impreso.
Tipografía justificada Recomendación de tipografías para encabezados y cuerpo de texto coherente con un público juvenil de 17 a 22 años y el tema marino.
Escala de espaciados escalonada Valores de pequeño a extra grande para márgenes, paddings y gaps, en pulgadas o unidad justificada, lista para implementación.
Guía de botones interactivos Reglas claras para aplicar el color de acento en botones con estados normal, hover y active, asegurando dinamismo visual.

Preguntas frecuentes

La paleta se limita a 3 o 4 colores máximo, dentro del espectro azul-verde, con roles definidos como primario, secundario, acento y neutro.
Cada color incluye nombre descriptivo, código RGB y código CMYK, además de una descripción visual de su uso dentro del sistema.
La skill recomienda tipografías para encabezados y cuerpo con justificación breve. La escala tipográfica detallada y estilos avanzados de botones quedan pendientes de definir según necesidades.
No hay requisitos de accesibilidad obligatorios, pero se recomienda mantener una legibilidad razonable en todos los elementos del sistema de diseño.

Skills relacionadas

Mas skills de la misma categoria:

Sistema de Diseño Marino para webs juveniles

¿Prefieres escuchar el contenido? Genera la narración de audio con un clic.