top of page

Colors

  • Primary colors

  • Secondary colors

  • Tertiary Colors

  • Quaternary Colors

The site's colors should convey a feeling of lightness, bringing a minimalist and clean aesthetic, leaving the pages simple and objective. Opal Green and Mystic Pink tones will be used in banner backgrounds and larger elements. Gold tones will be used in clickable elements and smaller links and elements. White and Black complement by coloring texts and minimal elements, in addition to generating contrast in elements applied to light backgrounds, such as buttons.

Sources

Website fonts should convey lightness, minimalism, while maintaining a professional and corporate outlook. Bold should be avoided, however the use of uppercase font is an alternative for titles and buttons. In paragraphs, bold or italics can be used to highlight a word or phrase, while underlining will point to links and clickable elements.

  • Primary Source (Titles)

Red Hat Display (56-16px)
ABCDEFGHIJKLMNOPQRSTUVWXYZÇ
abcdefghijklmnopqrstuvwxyzç
1234567890

  • Secondary Source (paragraphs)

Helvetica Light (22-14px)

ABCDEFGHIJKLMNOPQRSTUVWXYZÇ

abcdefghijklmnopqrstuvwxyzç

1234567890

buttons

Taking into account the client's reference sites and also the design guidelines passed at the briefing meeting, we elaborated options for buttons with quaternary color (black), thin font and uppercase, respecting minimalism, but drawing attention to the click. , corners straight corners and no shadows. When hovering the mouse, the button will have a transparent fill, keeping the black in the border and in the font.

Images

Images will be taken from free database sites, they should convey lightness, professional atmosphere and minimalism, In some cases, they may present parallax animations when applied to larger tracks. Below are some sample images:

Assorted Yarns
Image by Nathan Bang
almofada de alfinetes
Fios brancos
Linhas coloridas

repeaters

Image by Olga Ferina
Mantas
Ferramentas do alfaiate
Acessórios
Máquina de costura
Tecidos

TITLE HERE

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Image by Jeff Wade
Image by Raul Cacho Oses

TITLE HERE

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

fio colorido

TITLE HERE

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

bottom of page