Navegação

Logo
Tipografia
Cores
Botões
Sombras

Tipografia

Uso obrigatório em web, utilizar o Tahoma em último caso.
‍
Aa

Open Sans

a b c d e f g h i j k l m n o p q r s t u v w x y z æ ø å

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Æ Ø Å

1 2 3 4 5 6 7 8 9 0

! ? @ € $ £ # § & / ( ) = ' " [ ] { }

Uso obrigatório em impressões, papelaria e material gráfico em geral.
Aa

Geomanist

a b c d e f g h i j k l m n o p q r s t u v w x y z æ ø å

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Æ Ø Å

1 2 3 4 5 6 7 8 9 0

! ? @ € $ £ # § & / ( ) = ' " [ ] { }

.HeroText — 4.209em / 1.2EM
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt .
.H1 — 3.157em / 1.2EM

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod

.H2 — 2.369em / 1.2eM

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

.H3 — 1.777em / 1.2eM

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

.H4 — 1.333m / 1.2eM

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Parágrafo — 1em / 1.7EM

Mussum Ipsum, cacilds vidis litro abertis. Quem num gosta di mé, boa gentis num é. Delegadis gente finis, bibendum egestas augue arcu ut est. Suco de cevadiss deixa as pessoas mais interessantis. Si u mundo tá muito paradis? Toma um mé que o mundo vai girarzis!

.Preâmbulo— 1.2em / 1.8eM

Mussum Ipsum, cacilds vidis litro abertis. Quem num gosta di mé, boa gentis num é. Delegadis gente finis, bibendum egestas augue arcu ut est. Suco de cevadiss deixa as pessoas mais interessantis. Si u mundo tá muito paradis? Toma um mé que o mundo vai girarzis!

Rich text - herda de cima

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Quote

Amostras de cores institucionais

Spot color
#227f89
C83  M35  Y42  K07
Spot color 2
#4ac69c
C64  M00  Y51  K00
Spot color 3
#72ddb6
C50  M00  Y40  K00
Cinza
Shade 1
#365866
C82 M56 Y46 K24
Shade 2
#738a96
C20 M00 Y00 K50
Shade 3
#a7b6be
C10 M00 Y00 K30
Azul
Shade 1
#377e9e
C80 M41 Y26 K02
Shade 2
#377e9e
C72 M25 Y20 K00
Shade 3
#6fbfd1
C54 M7 Y15 K00
Amarelo
Shade 1
#ecbe51
C05 M38 Y78 K00
Shade 2
#f3b57c
C03 M32 Y56 K00
Shade 3
#ffe4b8
C00 M10 Y30 K00
Vermelho
Shade 1
#f05a4e
C00 M80 Y70 K00
Shade 2
#f2706c
C00 M70 Y50 K00
Shade 3
#f3858d
C00 M60 Y30 K00

Amostras de cores WEB

Spot color
#0fbf95
Spot color 2
#ffb400
Spot color 3
#da2424
Main color
#222222
Shade 1
#BBBBBB
Shade 2
#e0e0e0
Shade 3
#f5f5f5
Shade 4
#ffffff

Botões

Dica: adicione arredondamento a .Button para tornar todos os botões redondos

Button
Button Text
Ghost Button
Button Text
Call to action button
Call To Action
Call to action button w. Icon (32px)
Button Text

Sombras

.ShadowLarge
.ShadowMedium
.ShadowSmall