Guía de estilo Webflow

Dataplus X es nuestra última Plantilla Webflow de Tecnología en Modo Oscuro creada para startups modernas de Tecnología y SaaS. Ha sido diseñada y desarrollada por los increíbles diseñadores y desarrolladores web de BRIX Agency.

Comprar plantilla Volver al inicio

Colores

Color de acento

Primaria 1

#EE7402

Colores secundarios

Color 1

#1B6EFF

Color 2

#42CEFB

Color 3

#2D68FF

Colores neutros

800

Neutro 800

#0B101B

700

Neutro 700

#181E29

600

Neutro 600

#353C4A

500

Neutro 500

#737B89

400

Neutro 400

#A9AFBA

300

Neutro 300

#C9CED6

200

Neutro 200

#F0F3F8

100

Neutro 100

#FFFF

Colores del sistema

400

Azul 400

#086CD9

300

Azul 300

#1D88FE

200

Azul 200

#8FC3FF

100

Azul 100

#EAF4FF

400

Verde 400

#11845B

300

Verde 300

#05C168

200

Verde 200

#7FDCA4

100

Verde 100

#DEF2E6

400

Rojo 400

#DC2B2B

300

Rojo 300

#FF5A65

200

Rojo 200

#FFBEC2

100

Rojo 100

#FFEFF0

400

Naranja 400

#EE7402

300

Naranja 300

#FF9E2C

200

Naranja 200

#FFD19B

100

Naranja 100

#FFF3E4

Tipografía

Rúbricas especiales

Pantalla 1

Inter Extra Bold

65px / 1,231em

Donec etdolr odio pelle ntesqu.

Pantalla 2

Inter Extra Bold

42px / 1,333em

Donec et odio lom pellen tesqu diam.

Pantalla 3

Inter Extra Bold

28px / 1,286em

Donec et odio pellen tesqu diam lorem ipsum dolor.

Pantalla 4

Inter Extra Bold

20px / 1.500em

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Rúbricas

Rúbrica H1

Inter Extra Bold

54px / 1,222em

Donec et odio dolor pelle ntesqu.

Rúbrica H2

Inter Extra Bold

38px / 1,316em

Donec et odio pellen tesqu diam lorem ipsum dolor consectur

Rúbrica H3

Inter Extra Bold

24px / 1,417em

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

Rúbrica H4

Inter Extra Bold

22px / 1,273em

Donec et odio pellentesqu diam lorem ipsum dolor

Rúbrica H5

Inter Extra Bold

18px / 1,333em

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Rúbrica H6

Inter Negrita

16px / 1,375em

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Cuerpo

Cuerpo Grande

Inter Luz

22px / 1.636em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse 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.

Cuerpo por defecto

Inter Luz

16px / 1,750em

Cuerpo Pequeño

Inter Luz

14px / 1.714em

Texto único

400

Interregular

Intermedio

Inter Negrita

24px / 1,083em

Lorem ipsum dolor sit amet consectetur

300

Interregular

Intermedio

Inter Negrita

20px / 1,100em

Lorem ipsum dolor sit amet consectetur

200

Interregular

Intermedio

Inter Negrita

16px / 1,125em

Lorem ipsum dolor sit amet consectetur

100

Interregular

Intermedio

Inter Negrita

14px / 1.143em

Lorem ipsum dolor sit amet consectetur

Texto enriquecido

Texto Negrita

Inter

Lorem ipsum dolor sit amet consectetur

Enlace de texto

Inter

Lorem ipsum dolor sit amet consectetur

Lista de viñetas

Inter

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

Lista numerada

Inter

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

Cita en bloque

Inter

22px / 1.636em

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam".