Classes:

.fontSize-megajumbo
.fontSize-jumbo
.fontSize-largest
.fontSize-larger
.fontSize-large
.fontSize-base
.fontSize-small
.fontSize-smaller
.fontSize-smallest

• megajumbo 84
  jumbo 54
• largest 44
• larger 34
• large 22
• base 18
• small 16
• smaller 14
• smallest 13

Heading

Classes:

.fontWeight-thin
.fontWeight-light
.fontWeight-semibold
.fontWeight-bold

• thin 100
• light 300
• semibold 600
• bold 700

Classes:

.fontColor-secondary
.fontColor-terciary
.fontColor-negative
.fontColor-dashboard

• Secondary color
  Terciary color
  Color dashboard

Classes:

.whr-info
.whr-description
.whr-title
.whr-date

• whr-description
  whr-title

Classes que alteram somente a cor do texto:

.text-success
.text-error
.text-waiting
.text-success-small-only

• Success
• Error
  Waiting

Classes:

.lineHeight-tightest
.lineHeight-tighter
.lineHeight-tight
.lineHeight-base
.lineHeight-loose
.lineHeight-looser

• Tightest – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum . 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.

  Tighter – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum . 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.

  Tight – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum . 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.

  Base – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum . 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.

  Loose – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum . 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.

  Looser – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum . 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.

Todos os parágrafos tem sempre 20px de margem bottom

FontSize-base – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum . 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.

FontSize-small – 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.

FontSize-smaller – 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.

FontSize-smaller – 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.

Classes:

.table
.project_img
.user_img

Classes:

.list-item-inline

Classes:

.u-marginBottom-10
.u-marginBottom-20
.u-marginBottom-30
.u-marginBottom-40
.u-marginBottom-60
.u-marginBottom-70
.u-marginBottom-80

.u-marginTop-10
.u-marginTop-20
.u-marginTop-30
.u-marginTop-40

Classes:

.u-text-center
.u-text-center-small-only
.u-text-center-big-only

Classes:

.u-right
.u-right-big-only
.u-left

Classes:

.inline-block

Classes:

.u-radius
.u-round

Classes:

.btn

Modificadores de tamanho:
.btn-large
.btn-medium
.btn-small

Modificadores de estilo:
.btn-dark
.btn-edit
.btn-fb
.btn-tweet
.btn-secondary
.btn-secondary-dark
.btn-terciary
.btn-message

Modificador de largura:
.btn-inline

Botão extra:
.btn-category
     .filters
     .double-line

Classes:

.header-link

Classes:

.field-label
.text-field

Classes:

.postfix
.prefix
.no-hover

Classes:

.text-field
.text-field.big
.text-field.jumbo

Classes:

.text-field.error

Classes:

.text-field

• 1
• 2
• 3
• 4
• 5
• Next

Classes:

.thumb
.thumb
.thumb.small
.thumb.big
.thumb-project

Classes:

.card


Modificadores:

.card-secondary
.card-user
.card-notification
.card-reward
.card-error
.card-message

Classes de span

.badge

Modificadores:
.badge-attention
.badge-share
.badge-gone
.badge-success

• Home

• Explore
• Explore closed
• Busca rápida

• Fluxo de Login
• Login
• Cadastre-se
• Redefinir senha
• Defina nova senha

• Fluxo de projeto
• About
• Posts
• Backs
• Status

• About
• Posts

• Home
• Basics
• Project
• Reward
• About
• Preview

• Home
• Conta

• Home
• Reports
• Posts

• Funded Home
• Not funded Home
• Waiting Home
• Analysis Home
• Rejected Home

• Fluxo de envio de projeto
• Start
• Form send project

• Fluxo de apoio de projeto
• Back reward
• Back payment
• Thanks

• Public
• Public created
• Public about
• Private backed
• Private backed null
• Private created
• Private created null
• Private notifications
• Private about
• Private conta
• Private banco
• Private banco null
• Private feed

• Footer full
• Footer simple

• Fluxo de termos de uso
• Termos de uso
• Politica de privacidade
• Trabalhe conosco
• Guia dos realizadores

• Financials