Typography

Todas essas formatações estão na classe default do webflow.
Não alterar a classe principal. Evitar ao máximo criar novas classes.

H1

Lorem ipsum dolor sit amet

H2

Lorem ipsum dolor sit amet

H3

Lorem ipsum dolor sit amet

H4

Lorem ipsum dolor sit amet

H5

Lorem ipsum dolor sit amet

H6

Lorem ipsum dolor sit amet

subtitle

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.

Paragraph

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.

Block Quote

Lorem ipsum dolor sit amet

Text Link

Lorem ipsum

List

• Back-end
• Front-end
• Full-stack
• Mobile
• Ruby

COLORS

USAR AS CLASSES PARA MUDAR A COR DA DIV OU FONTE!!
Não criar classes duplicadas só para alterar a cor, fazer combo class.

This is some text.

Black
Black Text

This is some text.

White
White Text

This is some text .

white60
white60text

This is some text .

white40
white40text

This is some text.

gray darkest
gray darkest Text

This is some text.

gray darker
gray darker text

This is some text .

gray
gray text

This is some text.

gray light
gray light text

This is some text.

gray lighter
gray lighter text

This is some text.

Darker Red
Darker Red Text

This is some text.

Red
Red text

This is some text.

Lighter Red
Lighter Red Text

This is some text.

Lightest Red
Lightest Red Text

This is some text.

Lightest Red
Lightest Red Text

This is some text.

Darker Blue
Darker Blue Text

This is some text.

Blue
Blue text

This is some text.

Lighter Blue
Lighter Blue Text

This is some text.

Lightest Blue
Lightest Blue Text

Components

Usado para separar as Sections

Section Default
(espaço em cima e em baixo de 60px - pode ser usado como espaçamento)

usado como container no geral

Container
(Tamanho máximo de 1200px, feito para centralizar o conteúdo no meio da página)

usado como blocador no geral

Div Default
(espaço de 20px de todos os lados - pode ser usado como espaçamento)

Usado para espaçamento

spacing-blank
(espaço em cima e em baixo de 8px - usado como espaçamento)

separador-strip
(separador de conteúdo. RGBA pode ser usado em qualquer BG)

Button Text Button Text Button Text Button Text

buttons left (tamanho do botão varia com o CTA, alinhada na esquerda)

Button Text Button Text Button Text Button Text

Buttons center (tamanho do botão no tamanho da div de fora, centralizada)

Ver mais Esconder

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

- Efeito sanfona -
‍
(Copiar a Div inteira. Add conteúdo que quer esconder na div "hidden")

textoooo

Floating Square

textoooo

Floating Square image

Textoooo

Inline
(deixa a blocagem dinâmica, sem ocupar a linha toda)

Textoooo

Div Center
(Centraliza tanto texto quanto o elemento em si)

square-left-top

square-back-bottom

square-right-bottom

square-back-bottom

Typography

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

COLORS

Components

Heading

Heading

Heading

Heading

Contents

Ana Machado

Senior Software Engineer

Ana Machado

Senior Software Engineer

Ana Machado

Senior Software Engineer

Candidatos

Empresas

Revelo

Conteúdo

Siga a gente