Headings - title-news

PlayFair Display

Headings - news-title

heading 1

heading 1 / title-page

heading 2 / extra-large

heading 2 / large

heading 2 / medium

heading 2 / small

heading 2 / extra-small

heading 2 / smallest

heading 2 / h2_title-page

heading 3 / large

heading 3 / medium

Subtitles - news

Roboto

Headings - news-title

subtitle-news / extra-large

subtitle-news / large

subtitle-news / medium

subtitle-news / small

subtitle-news / extra-small

Texts_Category

Roboto (All Caps)

Headings - news-title

Nome da tag

Texts_title-section

Roboto (All Caps)

Headings - news-title

text_title-section / normal

text_title-section / medium

text_title-section / small_md-regular

text_title-section / small_md-bold

Frequent-texts

Roboto regular

Headings - news-title

text-regular_extra-small

text-regular_small

text_regular

text_button

Texts-style

Roboto

Headings - news-title

text_italic

Texts-Weight

Roboto

Headings - news-title

text-weight_thin

text-weight_light

text-weight_bold

Text_Data

PlayFair Display

Headings - news-title

text-data_top-site

text-data_top-block

Name and Surname

PlayFair Display

Headings - news-title

text_name-columnist

text_name-columnist / bold

Text_Tags

Roboto

Headings - news-title

block-tag

Esta versão do bloco é apenas ilustrativo (inicialmente). Haverá um momento em que este será substituído pelo modelo linkável

link-tag

Este bloco é a versão linkável, que direcionará o leitor à página de listagem de tag

Text_global-classes

Roboto

Headings - news-title

text-color_black

text-color_dark-gray

text-color_medium-gray

text-color_gray

text-color_white

text-color_orange

text-color_magenta

Text-tag_global-classes

Roboto

Headings - news-title

text-color_columnists

text-color_cripto

text-color_market

text-color_policy

text-color_international

text-color_companies

text-color_personal finances

Rich-texts

text-rich_news

Estruturando texto centralizado

Headings - news-title

Paragraph - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tincidunt nisi sem, ut congue ex lobortis faucibus. Quisque eros nulla, fringilla nec tortor eget, mattis feugiat nulla. Maecenas aliquet orci non dolor gravida molestie. Proin vulputate interdum sagittis. Nunc consectetur justo bibendum libero vehicula lobortis. Aenean eu metus suscipit, lacinia mi eget, porttitor tortor. Duis tincidunt arcu non metus dignissim consectetur. Sed vehicula turpis interdum nunc ornare malesuada sit amet eu eros. Donec convallis ante eu est mattis, vitae ultricies urna fringilla.

<text-centralized>Alguma imagem abaixo<text-centralized>

Paragraph - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tincidunt nisi sem, ut congue ex lobortis faucibus. Quisque eros nulla, fringilla nec tortor eget, mattis feugiat nulla. Maecenas aliquet orci non dolor gravida molestie. Proin vulputate interdum sagittis. Nunc consectetur justo bibendum libero vehicula lobortis. Aenean eu metus suscipit, lacinia mi eget, porttitor tortor. Duis tincidunt arcu non metus dignissim consectetur. Sed vehicula turpis interdum nunc ornare malesuada sit amet eu eros. Donec convallis ante eu est mattis, vitae ultricies urna fringilla.

‍

Link text - 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.

Link redirecionador -->

"Alguma frase dita por algum político"

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea co

Component list - 1
alsndlasndlasndlas
asljasdlaksndlabsdas

- - - - - - - - - - - - - -

Component list - 2
aksjdbasdaksdals
aksjbdaksdaksjbdkl

- - - - - - - - - - - - - -

Heading - 2

Heading - 3

Heading - 4

text-rich_author-name

Headings - news-title

Pedro Albuquerque

block_global-colors

block_

Headings - news-title

color_orange-dark

#e52700

color_orange

#ff6647

color_orange-medium

#ff8a71

color_orange-soft

#f5af9f

color_magenta-dark

#c10043

color_magenta

#ff055c

color_magenta-medium

#ff5f96

color_magenta-soft

#ff89b2

gradient_magenta

#ff6647

#ff055c

gradient_orange

ffa64f

ff1a11

color_white

#ffffff

color_black

#000000

color_darkest-gray

#0e0e0e

color_dark-gray

#6a6a6a

color_medium-gray

#cccccc

color_light-gray

#f3f3f3

stroke_global-colors

block_

Headings - news-title

stroke_orange-dark

#e52700

stroke_orange

#ff6647

stroke_orange-medium

#ff8a71

stroke_orange-soft

#f5af9f

stroke_magenta-dark

#c10043

stroke_magenta

#ff055c

stroke_magenta-medium

#ff5f96

stroke_magenta-soft

#ff89b2

stroke_white

#ffffff

stroke_black

#000000

stroke_darkest-gray

#0e0e0e

stroke_dark-gray

#6a6a6a

stroke_medium-gray

#cccccc

stroke_light-gray

#f3f3f3

tag_global-colors

block-tag_colors

Headings - news-title

tag-color_columnists

#00b8fb

tag-color_cripto

#fe9600

tag-color_market

#30cc82

tag-color_policy

#ff5009

tag-color_international

#4364e8

tag-color_companies

#ce29e3

tag-color_personal finances

#ce29e3

Icons_social-media

Headings - news-title

block_tag-LEFT

block-tag structures

Headings - news-title

notícias

Buttons

Button - primary/secondary

Headings - news-title

Algum texto

GOAU4

heading 1

heading 1

heading 1

heading 1

heading 1

heading 1 / title-page

heading 1 / title-page

heading 2 / extra-large

heading 2 / extra-large

heading 2 / large

heading 2 / large

heading 2 / medium

heading 2 / medium

heading 2 / small

heading 2 / small

heading 2 / extra-small

heading 2 / extra-small

heading 2 / smallest

heading 2 / smallest

heading 2 / h2_title-page

heading 2 / h2_title-page

heading 3 / large

heading 3 / large

heading 3 / medium

heading 3 / medium

Heading - 2

Heading - 3

Heading - 4