componentes

Nossos componentes são uma coleção de elementos de interface que podem ser reutilizados na composição de alguma página da Fatura Simples

Os componentes podem ser combinados para ajudar qualquer pessoa a criar produtos a fim de projetar experiências consistentes de maneira eficiente.

Fontes

Montserrat

Designed by Julieta Ulanovsky, Sol Matas, Juan Pablo del Peral, Jacques Le Bailly

Link da família

regular 400

Ajudamos empresas a faturar mais e melhor.

italic 400

Ajudamos empresas a faturar mais e melhor.

bold 700

Ajudamos empresas a faturar mais e melhor.

Covered by your grace

Designed by Julieta Ulanovsky, Sol Matas, Juan Pablo del Peral, Jacques Le Bailly

Link da família

headings

H1 - TÍTULO DA SEÇÃO

Ajudamos empresas a faturar mais e melhor.

font-family: Montserrat;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 48px;

H2 - TÍTULO DOS ITENS

Controle de Dependentes

font-family: Montserrat;
font-style: normal;
font-weight: bold;
font-size: 28px;
line-height: 34px;

P - TEXTO

Seus associados podem adicionar e excluir dependentes de acordo com o plano contratado.

font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;

H4 - LETRAS MIÚDAS

Taxa de implantação de implantação a partir de R$690 para maximizar o seu sucesso, dividida em 3x de R$230,00

font-family: Montserrat;
font-style: italic;
font-weight: normal;
font-size: 13px;
line-height: 20px;

BOTÕES

CTA PRINCIPAL

SHAPE
background: #fad24b;
border: none;
border-radius: 25px;
height: 50px;
padding: 15px 50px 15px 50px;

CONTEÚDO
font-size: 16px;
font-weight: bold;
line-height: 20px;
alignment: center;

HOVER
color: #EFC742;

CTA DO FORMULÁRIO

SHAPE
background: #3c414b;
border-radius: 30px;
height: 60px;
padding: 15px 50px 15px 50px;

CONTEÚDO
font-size: 16px;
font-weight: bold;
line-height: 20px;
alignment: center;

HOVER
color: #000000;

BOTÃO PRIMÁRIO

SHAPE
background: #3c414b;
border-radius: 30px;
height: 60px;
padding: 15px 50px 15px 50px;

CONTEÚDO
font-size: 16px;
font-weight: bold;
line-height: 20px;
alignment: center;

HOVER
color: #000000;

BOTÃO PRIMÁRIO

SHAPE
background: rgba(255, 255, 255, 0.5);
border: 2px solid #6480DB;
border-radius: 25px;
height: 50px;
padding: 15px 50px 15px 50px;

CONTEÚDO
font-size: 16px;
color: #6480db
font-weight: bold;
line-height: 20px;
alignment: center;

HOVER
box-shadow: 0px 0px 7px rgba(100, 128, 219, 0.5);

placheholder

SHAPE
background:#FFFFFF 50%;
border: 2px solid #3c414b;
border-radius: 25px;
height: 50px;
padding: 15px 20px 15px 20px;

CONTEÚDO
color: #3C414B 50%;
font-size: 16px;
alignment: left;

HOVER
color: #3C414B;

SHAPE
background:#FFFFFF 50%;
border: 2px solid #3c414b;
border-radius: 25px;
height: 50px;
padding: 15px 20px 15px 20px;

CONTEÚDO
color: #3C414B 50%;
font-size: 16px;
alignment: left;

HOVER
color: #3C414B;

© 2020 Fatura Simples.

ilustra_paper-plan
ilustra_paper-plan

Agora é só aguardar

Entraremos em contato!

Enquanto isso, assista o case de como a Fatura Simples acabou com a inadimplência do nosso cliente ACL-PB!