Northernlight

Diseño cuya peculiaridad está en la navegación, se efectúa por bloques de contenido  que permiten la generación de un story telling. Cada pulsación de avance te lleva al siguiente contenido, pudiendo hacerse a golpe de click o scroll.

Live Demo

Northernlight

ficha de plantilla

ID de plantilla: 1325496

Northernlight

guía cromática

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

 

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

Northernlight

guía cromática

COLOR PLANO PRINCIPAL 1

rgb(245, 198, 59)

Color hexadecimal:

#f5c63b

COLOR PLANO PRINCIPAL 2

rgb(245, 198, 59)

Color hexadecimal:

#f5c63b

COLOR PLANO PRINCIPAL 3

rgb(245, 198, 59)

Color hexadecimal:

#f5c63b

COLOR PLANO SECUNDARIO 1

rgba(245, 198, 59, 0.36)

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.5)

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.5)

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.5)

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.5)

COLOR PLANO SECUNDARIO 3

rgba(255, 255, 255, 0.5)