Style Guide
O design produzido pela Creative TM CO deverá obedecer a critérios de clareza, funcionalidade e consistência.
Brands & Assets
Essential brand identity files, such as logos, images, patterns…
brand-bggreen-horizontal
#E0F0F1
brand-bgyellow-horizontal
#A92FE9
brand-bggreen-minimal
#E0F0F1
brand-bgyellow-minimal
#A92FE9
Colors
A well-designed color system can help you apply colors to the interface in a meaningful way.
Primary
lighter
#F9FFE0
light
#F4FFBE
main
#EEFE7A
highlight
#DFFA32
darker
#96AF0A
Secondary
lighter
#48720D
light
#273E08
main
#172405
dark
#131D05
darker
#131D05
Neutrals Brand
white
#ffffff
dark
#252525
Grids
Grid options library with various columns and sizes that adapt perfectly to any type of content on your project’s screens.
Desktop 1440px
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
Work Sans
$font-family-01: “work-sans”;
