Greenhouse

Diseño cuya peculiaridad está en el header. En el comento que se hace scrooll, la fila donde se encuentra el logotipo y los datos de contacto del cliente se oculta, dejando el menú fijo en la parte superior durante toda la navegación.

Live Demo

Greenhouse

ficha de plantilla

ID de plantilla: 1320673

Greenhouse

guía cromática

En la template Greenhouse, se ha decidio jugar con dos tonos de color pastel. Los colores principales se aplican sobre botones, enlaces y destacados.

 

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

Greenhouse

guía cromática

COLOR PLANO PRINCIPAL 1

rgb(249, 164, 80)

Color hexadecimal:

#f9a450

COLOR PLANO PRINCIPAL 2

rgb(150, 215, 24)

Color hexadecimal:

#96d718

COLOR PLANO PRINCIPAL 3

rgb(82, 81, 81)

Color hexadecimal:

#525151

COLOR PLANO SECUNDARIO 1

rgba(150, 215, 24, 0.22)

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)