Estilos Temáticos
Símbolos
Obtenha o modelo

Guia de Estilo Webflow

Coin X é nosso modelo de criptografia de alto nível para empresas modernas de criptografia. Foi projetado e desenvolvido pela equipe de especialistas da Agência BRIX.

Comprar modelo

Cores

Cores primárias

Primário 1
#3347FF

Cores Neutras

Neutro 800
#14142B
Neutro 700
#4E4B66
Neutro 600
#6E7191
Neutro 500
#A0A3BD
Neutro 400
#DCDDEB
Neutro 300
#EFF0F6
Neutro 200
#F7F7FC
Neutro 100
#FFFFFFFF

Tipografia

Texto especial

Mostrar 1 Texto

Mostrador 1 - 80px/1.025em

Mostrar 2 Texto

Mostrador 2 - 60px/1.200em
Texto 400 Regular - Lorem Ipsum
Texto 400 Medium - Lorem Ipsum
Texto 400 Bold - Lorem Ipsum
Texto 400 - 24px/1.083em
Texto 300 Regular - Lorem Ipsum
Texto 300 Média - Lorem Ipsum
Texto 300 Bold - Lorem Ipsum
Texto 300 - 20px/1.100em
Texto 200 Regular - Lorem Ipsum
Texto 200 Média - Lorem Ipsum
Texto 200 Bold - Lorem Ipsum
Texto 200 - 18px/1.111em
Texto 100 Regular - Lorem Ipsum
Texto 100 Média - Lorem Ipsum
Texto 100 Bold - Lorem Ipsum
Texto 100 - 16px/1.125em

Texto rico

Rubrica H1 - Aa Bb Cc Dd

Rubrica 1 - 60px/1.167em

Rubrica H2 - Aa Bb Cc Dd

Rubrica 2 - 40px/1.250em

Rubrica H3 - Aa Bb Cc Dd

Rubrica 3 - 24px/1.417em

Rubrica H4 - Aa Bb Cc Dd

Rubrica 4 - 22px/1.273em
Rubrica H5 - Aa Bb Cc Dd
Rubrica 5 - 18px/1.333em
Rubrica H6 - Aa Bb Cc Dd
Rubrica 6 - 18px/1.222em

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 diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus.

Parágrafo Pequeno - 14px/1.714em

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 diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Parágrafo Default - 18px/1.667em

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 diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Parágrafo Grande - 24px/1.583em
Link - Lorem ipsum dolor sit amet
Links

Ousado - Lorem ipsum dolor sit amet

Texto em negrito

Italic - Lorem ipsum dolor sit amet

Texto em Itálico
"Nisi quis eleifend quam adipiscing vitae aliquet bibendum enim facilisisisis gravida neque velit euismod in pellentesque massa placerat"
Citação de bloco
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur.
  • Lorem ipsum dolor sit amet, consectetur adipiscing.
Lista de balas
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Lorem ipsum dolor sit amet, consectetur.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing.
Lista numerada
Odio facilisisis mauris sit amet massa vitae tortor.
Figura e Legenda da figura

Ícones

Botões

Pequeno
Botão Primário - Pequeno
Predefinição
Botão Primary - Default
Grande
Botão Primário - Grande
Pequeno
Botão Secundário - Pequeno
Predefinição
Botão Secundário - Default
Grande
Botão Secundário - Grande

Cartões

Padrão do cartão

Lorem ipsum dolor sit amet, consectetur adipiscing elit Rutrum faucibus condimentum sem urna tellus tincidunt col dolor vitae ante et lacus elit et at elementum feugiat.