Style Guide Aly+
  • Colors Icon - Fintech X Webflow Template
    Cores
  • Typography - Fintech X Webflow Template
    Tipográfia
  • Icons Icon - Fintech X Webflow Template
    Ícones
  • Button Icon - Fintech X Webflow Template
    Botões
    Card Icon - Fintech X Webflow Template
    Exemplos

Aly+ Site Style Guide

Cores

Azul Oceânico
#33425C
Azul Céu
#6699BD
Azul Noturno
#19202E
Neutral 500
#989898
Neutral 400
#CCCCCC
Branco Nuvem
#F8F7ED

Tipográfia

Special Text

Display 1 Text

Display 1 - 94px/92px

Display 2 Text

Display 2 - 34px/36px

Rich Text

Heading H1 - Aa Bb Cc Dd

Heading 1 - 74px/86px

Heading H2 - Aa Bb Cc Dd

Heading 2 - 48px/62px

Heading H3 - Aa Bb Cc Dd

Heading 3 - 24px/34px

Heading H4 - Aa Bb Cc Dd

Heading 4 - 22px/28px
Heading H5 - Aa Bb Cc Dd
Heading 5 - 18px/20px
Heading H6 - Aa Bb Cc Dd
Heading 6 - 16px/18px

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.

Paragraph Small - 14px/20px

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.

Paragraph Default - 16px/27px

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.

Paragraph Large - 20px/32px
Link - Lorem ipsum dolor sit amet
Links

Bold - Lorem ipsum dolor sit amet

Bold Text

Italic - Lorem ipsum dolor sit amet

Italic Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquet euismod ut id ullamcorper nunc diam. Amet a ac ut pharetra. Amet, accumsan, nisl in elementum.
Block Quote
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur.
  • Lorem ipsum dolor sit amet, consectetur adipiscing.
Bullet List
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Lorem ipsum dolor sit amet, consectetur.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing.
Numbered List
Rich Text - Fintech X Webflow Template
Lorem ipsum dolor sit
Figure and Figure Caption

Ícones

Wealth Manager - Fintech X Webflow TemplateCredit Card Icon - Fintech X Webflow TemplateChecking Account - Fintech X Webflow TemplateChecking Account - Fintech X Webflow TemplateLoans - Fintech X Webflow Template

Botões

Small
Button Primary - Small
Default 
Button Primary - Default
Large
Button Primary - Large
Small
Button Secondary - Small
Default
Button Secondary - Default
Large
Button Secondary - Large

Exemplos

R. Dr. Geraldo Campos Moreira, 375 CJ. 11 Cidade Monções - São Paulo - SP
CEP 04571-938

BlogSobre nósContatoProdutos
Seja um ParceiroTrabalhe Conosco
Baixe nosso app
Disponível na
App Store
Disponível no
Google Play

© 2025 Aly+. Todos os direitos reservados