GUÍA UX Website Alua Hotels & Resorts
Grids Tamaño pantalla: > 1280px Contenido / área del grid de 12 columnas: 1218 px 31 px 74 px 30 px 31 px 1218 px 594 px 594 px 386 px 386 px 386 px 282 px 282 px 282 px 282 px 178 px 178 px 178 px 178 px 178 px 178 px 74 px 74 px 74 px 74 px 74 px 74 px 74 px 74 px 74 px 74 px 74 px 74 px Tamaño pantalla: > 992 px Contenido / área del grid de 12 columnas: 930 px 31 px 50 px 30 px 31 px Tamaño pantalla: < 768 px Contenido / área del grid de 12 columnas: 738 px 15 px 34 px 30 px 15 px
Lorem ipsum dolor sit amet Tipografías Familia tipográfica: SOURCE SANS PRO H1 1280px: BLACK / LIGHT 72pt - Interlineado 72pt - #FFFFFF 992px: BLACK / LIGHT 62pt - Interlineado 62pt - #FFFFFF 768px: BLACK / LIGHT 52pt - Interlineado 52pt - #FFFFFF Lorem ipsum dolor sit amet H1 - Página Hotel 1280px: BLACK 48pt - Interlineado 48pt - #FFFFFF 992px: BLACK 48pt - Interlineado 48pt - #FFFFFF 992px: BLACK 38pt - Interlineado 38pt - #FFFFFF Lorem ipsum dolor sit amet, consecte- H2 1280px: LIGHT 62pt - Interlineado 62pt - #383A35 992px: LIGHT 48pt - Interlineado 52pt - #383A35 768px: LIGHT 38pt - Interlineado 42pt - #383A35 Lorem ipsum dolor sit amet, con- H3 1280px: LIGHT / BOLD 24pt - Interlineado 28pt 992px: LIGHT / BOLD 24pt - Interlineado 28pt 768px: LIGHT / BOLD 18pt - Interlineado 20pt Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis Párrafo 1280px: REGULAR / BOLD 16pt - Interlineado 24pt - #383A35 992px: REGULAR / BOLD 16pt - Interlineado 24pt - #383A35 768px: REGULAR / BOLD 16pt - Interlineado 24pt - #383A35 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Texto botones 1280px: REGULAR 16pt - Interlineado 16pt - #FFFFFF 992px: REGULAR 16pt - Interlineado 16pt - #FFFFFF 768px: REGULAR 14pt - Interlineado 14pt - #FFFFFF LOREM IPSUM Texto formularios 1280px: REGULAR 14pt - Interlineado 18pt - #575756 992px: REGULAR 14pt - Interlineado 18pt - #575756 768px: REGULAR 14pt - Interlineado 18pt - #575756 Lorem ipsum dolor sit amet Enlaces 1280px: LIGHT 16pt - Interlineado 16pt - #383A35 992px: LIGHT 16pt - Interlineado 16pt - #383A35 768px: LIGHT 14pt - Interlineado 14pt - #383A35 LOREM IPSUM
Colores COLORES PRINCIPALES #00A1AF #383A35 #7FD0D7 #00657F COLORES FONDOS TRAMAS COLOR TEXTOS #F2F2F2 #383A35 Opacidad: 10% #383A35 COLORES HOTELES POR SEGMENTOS Colores Hoteles AluaSun Colores Hoteles AluaVillage Colores Hoteles AluaSoul #F7B334 #F4CA87 #A59482 #CEC0B3 #50748A #98C2D3
Botones y links BOTONES GENERALES Botones y, debajo, su mouseover VER HOTEL VER HOTEL Tipografía: SOURCE SANS PRO REGULAR - Mayúsculas Colores mouseover: #FFFFFF / #00657F BOTONES ESPECIALES Botones y, a su derecha, su mouseover VER DISPONIBILIDAD VER DISPONIBILIDAD Acceso Acceso OTROS BOTONES Y ACCIONES o estado activado VER MAPA VER MAPA Colores mouseover: #FFFFFF / #00657F LINKS CHECK BOX Debajo, el estado activo Acepto las Condiciones Legales* Acepto las Condiciones Legales* Acepto las Condiciones Legales* Acepto las Condiciones Legales* Tipografía: SOURCE SANS PRO BOLD Colores mouseover: #00657F
Menús y submenús MENÚ PRINCIPAL Normal Mouseover Hoteles Destinos Experiencias Ofertas Contacto Amigo Hoteles Destinos Experiencias Ofertas Contacto Amigo REGULAR 18pt - #383A35 BOLD 18pt - #00A1AF REGULAR 18pt - #383A35 BOLD 18pt - #00657F SUBMENÚS Mallorca AluaSoul Alcudia Bay **** AluaSoul Palma **** AluaSoul Mallorca Resort **** Alua Hawaii Mallorca & Suites Alua Palmanova Bay AluaSun Torrenova **** Alua Calvia Dreams **** Hotel Barracuda *** Ibiza AluaSoul Ibiza **** Alua Hawaii Ibiza Alua Miami Ibiza AluaSun Miami Ibiza Apartamentos Tenerife Hotel Ambar Beach **** Fuerteventura Hotel Parque San Antonio **** Color fondo: #7FD0D7 Títulos: BOLD 18pt - Interlineado 30pt - #FFFFFF Texto listado: REGULAR 18pt - Interlineado 30pt - #00657F Texto mouseover: REGULAR 18pt - Interlineado 30pt - #FFFFFF Formularios Formularios Calendario Imput Nombre* OCTUBRE 2017 Lu Ma Mi Ju Vi Sa Do 1 Imput con desplegable Nombre del Hotel Imputs con desplegable abierto 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 Nombre del hotel AluaSoul Palma **** AluaSoul Mallorca Resort **** Alua Hawaii Mallorca & Suites Alua Palmanova Bay Error Medidas: 308px x 338px Color fondo: #383A35 Fecha seleccionada: #00A1AF Mes: REGULAR 20pt - #FFFFFF Días semana: REGULAR 18pt - #FFFFFF Fechas: REGULAR 18pt - #FFFFFF Campo obligatorio Medidas: Max 5 columnas Color fondo: #F2F2F2 Texto listado: REGULAR 14pt - Interlineado 26pt - #575756 Texto listado seleccionado: REGULAR 14pt - #00A1AF Texto error: REGULAR 14pt - #FF1D25
Ventanas modales VENTANAS MODALES Fondo ventana: #FFFFFF Capa fondo: #000000 con 70% de opacidad Texto de párrafo: REGULAR 16pt - Interlineado 24pt - #383A35 Puntuación: BLACK 32pt - #00A1AF 10,0 Excelente This was our third stay at the Hawaii and it was still the best holiday we have met so many lovely people here the staff are now like family to us so helpful and work so hard to make your stay good the food is the best we ever have had at a four star hotel so fresh and the choice is amazing the hotels location is perfect and right next a beautiful beach we have booked for next year again thankyou you all at Hawaii for a lovely family holiday see you next year keep up the good work the Campbell family Northern ireland 21/07/2017 Capas de opacidad Se define una capa de opacidad para situar sobre las imágenes de cabecera de las diferentes páginas así como de otras elementos del diseño. CABECERAS FILTRO IMAGEN OFERTAS Y DESTINOS (HOME) FILTRO IMAGEN EXPERIENCIAS ALUA Gradient #000000 al 80% - #000000 al 0% Opacidad: 70% Ángulo: 0º Gradient #000000 al 100% - #000000 al 0% Opacidad: 70% Ángulo: 90º #000000 Opacidad: 40%
Mouseovers sobre imágenes SECCIÓN DESTINOS (HOME) Normal Mouseover Ibiza Ibiza Desaparece la capa de opacidad. Efecto zoom en la imagen. El título y el botón suben hasta el centro de la imagen. El botón pasa a la apariencia de mouseover. SECCIÓN DESTINOS (HOME) Normal Mouseover SABER MÁS Efecto zoom en la imagen. El título sube hasta el centro de la imagen. Aparece el botón.
GALERÍAS DE IMÁGENES Normal Mouseover Capa de opacidad: #000000 al 40% Aparece el icono de expandir, en el caso de las fotografías, o de play, en el caso de los vídeos. OFERTAS Normal Mouseover Desde 70 Persona/Noche Desde 70 Persona/Noche AluaSoul Alcudia Bay amet, consectetur adipiscing elit AluaSoul Alcudia Bay amet, consectetur adipiscing elit Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Capa de opacidad: #0A1AF al 80% El título de la oferta y el nombre del hotel suben para dejar sitio al texto de los detalles de la oferta.
Lorem ipsum dolor sit amet Iconos Home Iconos menú superior y calendario Iconos ventajas de reserva directa Iconos experiencias Iconos social media
Lorem ipsum dolor sit amet Iconos Hotel Iconos características hotel Iconos galería de imágenes Iconos opiniones Iconos mapa Icono transfer Iconos Destino Iconos características destino Mallorca y Ibiza Fuerteventura Tenerife Iconos enlaces
Lorem ipsum dolor sit amet Iconos Experiencia Iconos enlaces Iconos Nosotros Iconos Otras Icono páginas de error Iconos páginas legales Elemento decorativo texto Línea decorativa H1 Línea decorativa H2 Línea decorativa H3
Lorem ipsum dolor sit amet Logotipos ALUA HOTELS & RESORTS Header Menú pegajoso Footer EXPERIENCIAS ALUA Sección Home Página de experiencia AMIGO Prefooter Barra de booking
amara-marketing.com +34 902 365 967