Trillhouse

Este diseño está pensado para destacar información, diseño con mucho espacio que deja respirar al usuario y que facilita su lectura. Cabe destacar que el menú navegación es el protagonista de este diseño que ocupa la vista del usuario.

Live Demo

Trillhouse

ficha de plantilla

ID de plantilla: 1320675

Trillhouse

guía cromática

En la template Trillhouse, hemos definido una paleta de color muy sencilla, ya que los colores principales se aplican en, fondo menú, textos principales y botones.

 

Puedes cambiar y personalizar esta paleta según las necesidades de tu proyecto. Nuestras web son perfectamente customizables.

Trillhouse

guía cromática

COLOR PLANO PRINCIPAL 1

rgb(43, 191, 189)

Color hexadecimal:

#2bbfbd

COLOR PLANO PRINCIPAL 2

rgb(43, 191, 189)

Color hexadecimal:

#2bbfbd

COLOR PLANO PRINCIPAL 3

rgb(27, 30, 33)

Color hexadecimal:

#1b1e21

COLOR PLANO SECUNDARIO 1

rgba(185, 22, 222, 0.46)

COLOR PLANO SECUNDARIO 2

rgba(0, 0, 0, 0.4)

COLOR PLANO SECUNDARIO 3

rgba(255, 255, 255, 0.5)

COLOR PLANO PRINCIPAL 1

rgb(220, 93, 247)

Color hexadecimal:

 #dc5df7

COLOR PLANO PRINCIPAL 2

rgb(185, 22, 222)

Color hexadecimal:

#B916DE

COLOR PLANO PRINCIPAL 3

rgb(84, 38, 94)

Color hexadecimal:

#54265E

COLOR PLANO SECUNDARIO 1

rgba(185, 22, 222, 0.46)

COLOR PLANO SECUNDARIO 2

rgba(0, 0, 0, 0.4)

COLOR PLANO SECUNDARIO 3

rgba(255, 255, 255, 0.5)

COLOR PLANO PRINCIPAL 1

rgb(224, 100, 121)

Color hexadecimal:

#E06479

COLOR PLANO PRINCIPAL 2

rgb(199, 0, 33)

Color hexadecimal:

#C70021

COLOR PLANO PRINCIPAL 3

rgb(71, 21, 30)

Color hexadecimal:

#47151E

COLOR PLANO SECUNDARIO 1

rgba(199, 0, 33, 0.48)

COLOR PLANO SECUNDARIO 2

rgba(0, 0, 0, 0.4)

COLOR PLANO SECUNDARIO 3

rgba(255, 255, 255, 0.5)

COLOR PLANO PRINCIPAL 1

rgb(255, 148, 77)

Color hexadecimal:

#ff944d

COLOR PLANO PRINCIPAL 2

rgb(255, 102, 0)

Color hexadecimal:

#FF6600

COLOR PLANO PRINCIPAL 3

rgb(128, 74, 38)

Color hexadecimal:

#804a26

COLOR PLANO SECUNDARIO 1

rgba(255, 102, 0, 0.31)

COLOR PLANO SECUNDARIO 2

rgba(0, 0, 0, 0.4)

COLOR PLANO SECUNDARIO 3

rgba(255, 255, 255, 0.5)

COLOR PLANO PRINCIPAL 1

rgb(220, 250, 137)

Color hexadecimal:

#DCFA89

COLOR PLANO PRINCIPAL 2

rgb(181, 224, 61)

Color hexadecimal:

#B5E03D

COLOR PLANO PRINCIPAL 3

rgb(86, 97, 55)

Color hexadecimal:

#566137

COLOR PLANO SECUNDARIO 1

rgba(181, 224, 61, 0.59)

COLOR PLANO SECUNDARIO 2

rgba(0, 0, 0, 0.4)

COLOR PLANO SECUNDARIO 3

rgba(255, 255, 255, 0.5)

COLOR PLANO PRINCIPAL 1

rgb(175, 248, 243)

Color hexadecimal:

#AFF8F3

COLOR PLANO PRINCIPAL 2

rgb(40, 222, 210)

Color hexadecimal:

#28DED2

COLOR PLANO PRINCIPAL 3

rgb(45, 94, 91)

Color hexadecimal:

#2D5E5B

COLOR PLANO SECUNDARIO 1

rgba(40, 222, 210, 0.59)

COLOR PLANO SECUNDARIO 2

rgba(0, 0, 0, 0.4)

COLOR PLANO SECUNDARIO 3

rgba(255, 255, 255, 0.5)