Logotip negre - Plantilla de flux web Suite X
Estils bàsics
Components
Comprar plantilla

Guia d'estil de flux web

Suite X és la nostra plantilla de flux web d'hotel definitiva dissenyada per als hotels moderns que busquen llançar un lloc web sorprenent. Va ser dissenyat i desenvolupat pel nostre equip .

Comprar plantilla Tornar a casa

Colors

Color d'accent

Primària 1
Primària 1
#0D0D0F

Colors neutres

800
Neutre 800
#0D0D0F
700
Neutre 700
#494950
600
Neutre 600
#797A86
500
Neutre 500
#94959E
400
Neutre 400
#C9CACF
300
Neutre 300
#E4E4E7
200
Neutre 200
#FAFAFA
100
Neutre 100
#FFFFFF

Colors del sistema

400
Blau 400
#086CD9
300
Blau 300
#1D88FE
200
Blau 200
#8FC3FF
100
Blau 100
#EAF4FF
400
Verd 400
#11845B
300
Verd 300
#05C168
200
Verd 200
#7FDCA4
100
Verd 100
#DEF2E6
400
Vermell 400
#DC2B2B
300
Vermell 300
#FF5A65
200
Vermell 200
#FFBEC2
100
Vermell 100
#FFEFF0
400
Taronja 400
#D5691B
300
Taronja 300
#FF9E2C
200
Taronja 200
#FFD19B
100
Taronja 100
#FFF3E4

Tipografia

Títols especials

Pantalla 1

Prata Regular
70 píxels / 1.229 em

Donec etdolr odio pelle ntesqu.

Pantalla 2

Prata Regular
50 píxels / 1.400 em

Donec et odio lom pellen tesqu diam.

Pantalla 3

Prata Regular
40 píxels / 1.500 em

Donec et odio pellen tesqu diam lorem ipsum dolor.

Pantalla 4

Prata Regular
28 píxels / 1.429 em

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Encapçalaments

Encapçalament H1

Prata Regular
54 píxels / 1.222 em

Donec et odio dolor pelle ntesqu.

Donec et odio dolor pelle ntesqu.

Capçalera H2

Prata Regular
38 píxels / 1.316 em

Donec et odio pellen tesqu diam lorem ipsum dolor consectur

Donec et odio pellen tesqu diam lorem ipsum dolor consectur

Capçalera H3

Prata Regular
24 píxels / 1.417 em

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong dolor sit amet consec.

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong dolor sit amet consec.

Capçalera H4

Prata Regular
22 píxels / 1.273 em

Donec et odio pellentesqu diam lorem ipsum dolor

Donec et odio pellentesqu diam lorem ipsum dolor

Encapçalament H5

Prata Regular
18 píxels / 1.333 em
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Encapçalament H6

Prata Regular
16 píxels / 1.375 em
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Cos

Cos Gran

Poppins regular
24 píxels / 1.583 em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendesse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursu.

Cos per defecte

Poppins regular
18 píxels / 1.667 em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendesse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Cos Petit

Poppins regular
14 píxels / 1.714 em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendesse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et.

Text únic

400

Poppins regular
Poppins Mitjà
Poppins Bold
24 píxels / 1.083 em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur

300

Poppins regular
Poppins Mitjà
Poppins Bold
20 píxels / 1.100 em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur

200

Poppins regular
Poppins Mitjà
Poppins Bold
18 píxels / 1.111 em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur

100

Poppins regular
Poppins Mitjà
Poppins Bold
16 píxels / 1.125 em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur

Text enriquit

Text en negreta

Poppins
Lorem ipsum dolor sit amet consectetur

Enllaç de text

Poppins

Llista de pics

Poppins
  • Lorem ipsum dolor sit amet consectetur
  • Posuere enim mi pharetra neque proin dic
  • Mauris aliquet faucibus iaculis dui vitae ullamco

Llista numerada

Poppins
  1. Lorem ipsum dolor sit amet consectetur
  2. Posuere enim mi pharetra neque proin dic
  3. Mauris aliquet faucibus iaculis dui vitae ullamco

Cita de bloc

Prata
26 píxels / 1.769 em
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

Imatge i subtítol

Publicar contingut - Plantilla de flux web de Suite X
Feugiat ac aliquam volutpat nunc nunc consectetur ipsum.

Text en majúscula

Poppins
Lorem ipsum dolor sit amet consectetur

Text ratllat

Poppins
Lorem ipsum dolor sit amet consectetur

Subratllat de text

Poppins
Lorem ipsum dolor sit amet consectetur

Ombres

Ombres generals

Ombra 01
Ombra 02
Ombra 03
Ombra 04
Ombra 05
Ombra 06

Ombres de botons

Color del botó 01
Color del botó 02
Color del botó 03
Botó blanc 01
Botó blanc 02
Botó blanc 03

Botons

Botons primaris

Petit
Botó petit
Per defecte
Botó per defecte
Gran
Botó gran
Petit
Botó petit
Per defecte
Botó per defecte
Gran
Botó gran

Botons secundaris

Petit
Botó petit
Per defecte
Botó per defecte
Gran
Botó gran
Petit
Botó petit
Per defecte
Botó per defecte
Gran
Botó gran

Botons del cercle primari

Botons de cercle secundaris

Descarrega els botons d'aplicacions

Enllaços

Enllaços

Element d'enllaç
Element d'enllaç
Element d'enllaç
Element d'enllaç

Insígnies

Insígnies primàries

Petit
Insígnia petita
Per defecte
Insígnia per defecte
Gran
Insígnia gran
Petit
Insígnia petita
Per defecte
Insígnia per defecte
Gran
Insígnia gran
Petit
Insígnia petita
Per defecte
Insígnia per defecte
Gran
Insígnia gran

Insígnies secundàries

Petit
Insígnia petita
Per defecte
Insígnia per defecte
Gran
Insígnia gran
Petit
Insígnia petita
Per defecte
Insígnia per defecte
Gran
Insígnia gran
Petit
Insígnia petita
Per defecte
Insígnia per defecte
Gran
Insígnia gran

Entrades

Introduïu text

Gràcies! S'ha rebut la teva presentació!
Vaja! S'ha produït un error en enviar el formulari.
Gràcies! S'ha rebut la teva presentació!
Vaja! S'ha produït un error en enviar el formulari.
Gràcies! S'ha rebut la teva presentació!
Vaja! S'ha produït un error en enviar el formulari.
Per defecte
Gràcies! S'ha rebut la teva presentació!
Vaja! S'ha produït un error en enviar el formulari.
Per defecte
Gràcies! S'ha rebut la teva presentació!
Vaja! S'ha produït un error en enviar el formulari.

Àrea de text

Gràcies! S'ha rebut la teva presentació!
Vaja! S'ha produït un error en enviar el formulari.
Gràcies! S'ha rebut la teva presentació!
Vaja! S'ha produït un error en enviar el formulari.

Caselles de verificació

Gràcies! S'ha rebut la teva presentació!
Vaja! S'ha produït un error en enviar el formulari.

Botons de ràdio

Gràcies! S'ha rebut la teva presentació!
Vaja! S'ha produït un error en enviar el formulari.

Avatars

Cercle d'avatars

Avatar - Plantilla de flux web Suite XAvatar - Plantilla de flux web Suite XAvatar - Plantilla de flux web Suite XAvatar - Plantilla de flux web Suite XAvatar - Plantilla de flux web Suite XAvatar - Plantilla de flux web Suite XAvatar - Plantilla de flux web Suite XAvatar - Plantilla de flux web Suite X

Icones

Icones quadrades

Icona bloquejada - Plantilla de flux web de Suite XIcona del rellotge - Plantilla de flux web Suite XIcona d'aire condicionat - Plantilla de flux web Suite XIcona de videovigilància - Plantilla de flux web Suite XIcona d'aparcador de cotxes - Plantilla de flux web de Suite XIcona de camps esportius - Plantilla de flux web Suite XIcona Spa - Plantilla de flux web Suite XIcona de l'àrea de fumadors - Plantilla de flux web de Suite XIcona de càmeres de seguretat - Plantilla de flux web Suite XIcona del servei d'habitacions - Plantilla de flux web de Suite XIcona del restaurant - Plantilla de flux web de Suite XIcona de la nevera - Plantilla de flux web Suite XIcona de piscina - Plantilla de flux web de Suite XIcona de telèfon - Plantilla de flux web Suite XIcona que admeten mascotes - Plantilla de flux web Suite XIcona de festa - Plantilla de flux web de Suite XIcona de microones - Plantilla de flux web Suite XIcona Lockpad - Plantilla de flux web Suite XIcona d'ubicació - Plantilla de flux web de Suite XIcona de viatges en creuer - Plantilla de flux web de Suite XIcona del servei de bugaderia - Plantilla de flux web Suite XIcona de cuina - Plantilla de flux web Suite XIcona de jacuzzi - Plantilla de flux web de Suite XIcona de l'assecador de cabells - Plantilla de flux web Suite XIcona de ferro - Plantilla de flux web Suite XEscalfador - Plantilla de flux web Suite XIcona GYM - Plantilla de flux web Suite XIcona de convidats - Plantilla de flux web de Suite XIcona de graella - Plantilla de flux web Suite XIcona del joc - Plantilla de flux web Suite XIcona Gatekeeper - Plantilla de flux web Suite XIcona Wi-Fi - Plantilla de flux web Suite XIcona de l'extintor - Plantilla de flux web Suite XIcona de kit de primers auxilis - Plantilla de flux web de Suite XIcona de correu electrònic - Plantilla de flux web Suite XIcona d'ascensor - Plantilla de flux web de Suite XIcona de rentaplats - Plantilla de flux web Suite XIcona Doctor - Plantilla de flux web Suite XIcona d'arbre - Plantilla de flux web Suite XIcona de la llar de foc - Plantilla de flux web Suite XIcona de cafeteria - Plantilla de flux web de Suite XIcona de cafè - Plantilla de flux web Suite XIcona de xat - Plantilla de flux web Suite XIcona de TV - Plantilla de flux web de Suite XIcona de rentat de cotxes - Plantilla de flux web de Suite XIcona del carretó - Plantilla de flux web Suite XIcona de llit - Plantilla de flux web Suite X

Icones quadrades

Tipus de lletra d'icones

Icones de línia arrodonides

Icones de línia quadrades

Icones plenes

Icones de xarxes socials