La estética visual y la funcionalidad se combinan en un nuevo diseño que busca mejorar la experiencia del usuario. Este diseño, caracterizado por un degradado lineal en tonos azulados (#125c8e y #0073ae), presenta un borde sólido de 4 píxeles y un fondo en un suave tono gris (#f3f3f3). Su ancho máximo de 700 píxeles y su centrado horizontal aseguran una presentación clara y ordenada.
Elementos Clave del Diseño
La cabecera del diseño, con un fondo azul oscuro (#052a62) y texto blanco, utiliza una fuente ‘Roboto Condensed’ de tamaño 24px. El cuerpo principal, con un relleno de 2rem, presenta párrafos con un interlineado de 1.8 para facilitar la lectura. Se ha implementado un estilo específico para resaltar información importante con un fondo amarillo (#ffeb99).
La sección de autor se presenta de forma flexible, alineando la imagen de perfil (con un borde redondeado y un ancho de 150px) con la información del autor a su derecha. Las opciones de regalo se muestran en una columna, con cada opción destacada por un borde plateado y un fondo blanco, ofreciendo una experiencia de usuario intuitiva. Las opciones recomendadas se distinguen con una etiqueta “Recommended” en un fondo azul oscuro (#052a62) y texto blanco.
Adaptabilidad y Funcionalidad
El diseño es adaptable, ajustando el tamaño de la imagen del autor a 100px en pantallas de menos de 650px de ancho. Los botones de regalo también se adaptan para ocupar el 100% del ancho de la pantalla en dispositivos móviles. Los botones principales, con un fondo azul (#0073ae) y texto blanco, ofrecen una llamada a la acción clara y visible.
