Style Guide

O design produzido pela Creative TM CO deverá obedecer a critérios de clareza, funcionalidade e consistência.

Colors

A well-designed color system can help you apply colors to the interface in a meaningful way.

 

#F9FAFB

#F2F6FC

#F5F8FA

#153C70

#E6EFFC

#D6E7FF

#C3DDFF

#FBFAF7

#FFF6E5

#FFC200

#F6B900

#FFEFBB

#FFE494

#FFD96E

Grids

Grid options library with various columns and sizes that adapt perfectly to any type of content on your project’s screens.

Desktop 1216px

Columns: 12 | Width: 72 | Gutter: 32

Mobile 375px

Columns: 4 | Width: Auto | Gutter: 16

Typography

A well-designed color system can help you apply colors to the interface in a meaningful way.

 

Font Family

Font-family-01: Utilizada para títulos e interações; Font-family-02: Utilizada para corpo, tags, hats e outros textos menores.

Aa

Laca

$font-family-01: “Outfit”;

Logo

A logo is a graphic symbol that represents a company or organization, serving as a visual abbreviation for its brand identity.

 

Buttons

Buttons represent actions users can take. They are commonly found throughout your UI, in places like modals, forms, cards, or toolbars.

0 / 0