Estilos de temas
Símbolos
Obter modelo

Guia de estilo do Webflow

Dark X é o nosso mais recente modelo de comércio eletrónico de tecnologia e SaaS Webflow em modo escuro. Foi desenhado pela nossa equipa de Webflow Designers & Developers na BRIX Templates.

Comprar modelo

Cores

Cores secundárias

Secundário 1
#FF4895
Secundário 2
#6E4FE9
Secundário 3
#1766FF
Secundário 4
#2D42FF
Secundário 5
#1D1A27

Cores neutras

Neutro 800
#13111A
Neutro 700
#302C3F
Neutro 600
#5E5B71
Neutro 500
#88849C
Neutro 400
#B7B4C7
Neutro 300
#D9D7E6
Neutro 200
#F5F4FA
Neutro 100
#FFFFFF

Tipografia

Texto especial

Texto do ecrã 1

Ecrã 1 - 80px/94px

Texto do ecrã 3

Ecrã 3 - 32px/36px

Texto do ecrã 2

Ecrã 2 - 68px/76px

Texto rico

Título H1 - Aa Bb Cc Dd

Título 1 - 60px/1.200em

Rubrica H2 - Aa Bb Cc Dd

Título 2 - 44px/1.182em

Rubrica H3 - Aa Bb Cc Dd

Título 3 - 24px/1.500em

Rubrica H4 - Aa Bb Cc Dd

Título 4 - 22px/1.273em
Rubrica H5 - Aa Bb Cc Dd
Título 5 - 18px/1.333em
Rubrica H6 - Aa Bb Cc Dd
Título 6 - 16px/1.375em

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 cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus.

Parágrafo pequeno - 15px/1.600em

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 cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Padrão de parágrafo - 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 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
Ligação - Lorem ipsum dolor sit amet
Ligações

Negrito - Lorem ipsum dolor sit amet

Texto em negrito

Itálico - Lorem ipsum dolor sit amet

Texto em itálico
"Nisi quis eleifend quam adipiscing vitae aliquet bibendum enim facilisis 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 marcadores
  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
Ícone do blogue - Modelo Webflow Dark X
Odio facilisis mauris sit amet massa vitae tortor.
Figura e legenda da figura

Ícones

Negociação em tempo real - Dark X Webflow TemplateGráficos avançados - Modelo de Webflow Dark XCriptomoedas - Dark X Webflow TemplateSegurança - Dark X Webflow TemplateStocks - Modelo Webflow Dark XMoedas - Dark X Webflow TemplateNo Commissions - Modelo Webflow Dark X1 Seg Operação - Dark X Webflow TemplateEncriptação - Dark X Webflow TemplateInovação - Modelo Webflow Dark XEmpowerment - Modelo Webflow Dark XAcessibilidade - Modelo de Webflow Dark XAbertura - Modelo de Webflow Dark XSão Francisco - Dark X Webflow TemplateÍcone de Nova Iorque - Dark X Webflow TemplateAutenticação - Modelo de Webflow Dark XConta poupança - Dark X Webflow TemplateAmbiente de trabalho e telemóvel - Dark X Webflow TemplateGear - Modelo Webflow Dark XSeguro médico - Dark X Webflow TemplateCrescimento na carreira - Dark X Webflow TemplatePTO ilimitado - Modelo de Webflow Dark XÍcone de e-mail - Modelo Webflow Dark XÍcone de e-mail - Modelo Webflow Dark XÍcone do portefólio - Modelo Webflow Dark XImprensa - Modelo Webflow Dark XÍcone de telefone - Modelo de fluxo de trabalho Web X escuroÍcone da palavra-passe - Dark X Webflow Template

Tipo de letra de ícone

Tipo de letra de ícone arredondado

















































































Tipo de letra do ícone quadrado



































































































Tipo de letra de ícone preenchido













































































Botões

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

Cartões

Cartão por defeito

Lorem ipsum dolor sit amet consec tetur do adipiscing elit ut odio tortor quam enim ipsum.