El enlace siguiente se muestra el diseño de los componentes en la pagina
Guidelines:
https://www.figma.com/design/5E1b9zSAmhywMqUCqEcXR4/Material-3-Desi
gn-Kit-(Community)-(Copy)?node-id=56910-29038&t=v9Lym7TwzdCoNgRQ-0
● Menu Bar
El primer símbolo lleva a la lista de experiencias, el símbolo central
lleva de nuevo a la página principal y el de último hacia hacia el perfil
del usuario. Además para el color utilizaremos nuestro color secundario
● Hero Image + Carousel
Para el carrusel haremos que se superpongan las imágenes unas
encima de otras y para pasar de unas a otras haremos que se tenga
que deslizar para pasar de la imagen izquierda a la derecha y
viceversa.
● Search
Para el search también utilizaremos el color secundario para el fondo
cuando se pulse se abrirá el teclado. Para la fuente utilizaremos ‘Jura
Regular’ con un tamaño de fuente de 13 con nuestro color de fuente.
● Article List
Para la lista haremos un listado vertical escrolleable de las distintas
experiencias en la cada una tendrá una foto, el nombre y una pequeña
descripción. El color del fondo será el del aside(#88C93F) y para los
tamaños de la fuente haremos que el del nombre sea ligeramente
mayor que el de la descripción. Cuando se pulse uno de los ítem de la
lista se redirigirá a la página de la experiencia correspondiente.
● Reserva
Para la reserva deberemos de acceder a la lista de experiencias y
elegir una de la lista. Una vez en la experiencia deberemos de pulsar el
botón de Reservar, este redirigirá hacia otra página que contiene un
formulario para hacer la reserva.
Para la página de la experiencia haremos que el carrusel divida el texto
que tenga nuestro color de fuente y un tamaño de fuente de 10 y
debajo de la descripción y antes de las reseñas añadiremos el botón de
para realizar la reseña que tendrá como color nuestro color secundario
y 10 de tamaño de la fuente.
● Formulario de reserva
Contendrá 4 inputs uno para el nombre, otro para los apellidos y otro
para el email del usuario, estos serán auto-rellenados por los datos
guardados del usuario. El último input será uno para añadir una
observación a la reserva y finalmente el botón para realizar la reserva.
Para la fuente de los inputs un tamaño de fuente de 10.
● Form Input
Los tipos de inputs serán:
● Nombre
● Apellidos
● Correo electrónico
● Observaciones
Los tres primeros se validará cuando el usuario inicie sesión y el último no
tiene ningún tipo de validación.
● About me
Para el about me pondremos un botón en el inicio que nos lleve a una pagina
que tenga un título centrado con tamaño de fuente 32 y con nuestro color de
fuente y que tenga un texto con una descripción con una fuente de 15 y abajo
de la página habria tres botones para dirigir a nuestra redes sociales.
● Event Calendar
Lo utilizaremos para marcar los distintos eventos que tengamos
programados. Para marcar estos eventos utilizaremos un circulo del color del
aside para marcar el dia.
