Aufer

Style Guide

Esta página descreve os estilos e padrões atuais para Aufer.

Primary

primary ultra dark

primary dark

primary medium

primary

primary light

primary ultra light

Secondary

secondary ultra dark

secondary dark

secondary medium

secondary

secondary light

secondary ultra light

Accent

accent ultra dark

accent dark

accent medium

accent

accent light

accent ultra light

Base

base ultra dark

base dark

base medium

base

base light

base ultra light

Shade

shade ultra dark

shade dark

shade medium

shade

shade light

shade ultra light

Heading One (H1)

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 commodo consequat.

Heading Two (H2)

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 commodo consequat.

Heading Three (H3)

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 commodo consequat.

Heading Four (H4)

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 commodo consequat.

Heading Five (H5)

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 commodo consequat.

Heading Six (H6)

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 commodo consequat.

Default Buttons

Default Button Outline Button

Buttons on Dark

Button Outline

Buttons on Primary

Alt Button Alt Outline

Button Sizes

XXL Button XL Button LG Button M Button S Button XS Button

pad-section--xs

pad-section--s

pad-section--l

pad-section--xl

pad-section--xxl

Padding

.pad--xs

.pad--s

.pad--m

.pad--l

.pad--xl

.pad--xxl

Margin

.margin-bottom-xs

.margin-bottom-s

.margin-bottom-m

.margin-bottom-l

.margin-bottom-xl

.margin-bottom-xxl

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 commodo consequat.

Style Guide

Primary

Secondary

Accent

Base

Shade

Heading One (H1)

Heading Two (H2)

Heading Three (H3)

Heading Four (H4)

Heading Five (H5)

Heading Six (H6)

Default Buttons

Buttons on Dark

Buttons on Primary

Button Sizes

pad-section--xs

pad-section--s

pad-section--l

pad-section--xl

pad-section--xxl

Padding

Margin

Horário Armazém:

Horário Loja: