Design System

Paleta de Cores

Sistema cromático completo da marca, organizado em seis paletas temáticas para diferentes contextos de comunicação.

IMPORTANTE: Sempre copie os códigos das cores

Para garantir a consistência visual da marca, sempre copie os códigos hexadecimais exatos ao invés de tentar recriar as cores manualmente. Pequenas variações podem comprometer a identidade visual.

💡 Dica: Clique em qualquer cor abaixo para copiar automaticamente seu código hexadecimal para a área de transferência.

Paleta Principal

É a base institucional do MEU RESTART, usada em comunicações oficiais, materiais principais da marca e no aplicativo central.

#FFFFFF

Branco

#FFFFFF

#F6F4EE

Linho

#F6F4EE

#FF422C

Laranja Restart

#FF422C

#B39154

Ouro

#B39154

#101010

Grafite

#101010

Paleta Fogo

Paleta de tons quentes vibrantes. Use para campanhas de impacto e pontos de decisão que exigem ação imediata.

#2A0800

Vulcão

#2A0800

#C42000

Magma

#C42000

#FF422C

Laranja Restart

#FF422C

#FFAB9B

Coral

#FFAB9B

#FFF0ED

Alvorada

#FFF0ED

Paleta Neutra

Base editorial e áreas limpas. Use para layouts sofisticados, minimalistas e como base para leitura.

#101010

Grafite

#101010

#3A302B

Rocha

#3A302B

#B6A898

Areia

#B6A898

#F6F4EE

Linho

#F6F4EE

#FFFFFF

Branco

#FFFFFF

Paleta Floresta

Tons verdes inspirados na natureza. Aplique em conteúdos sobre saúde, bem-estar e equilíbrio.

#062018

Mata

#062018

#0C5D3A

Musgo

#0C5D3A

#23A960

Folha

#23A960

#7DCA96

Bromélia

#7DCA96

#E6F1EF

Orvalho

#E6F1EF

Paleta Jardim

Tons roxos e rosas para comunicação empática. Use em materiais de suporte, conteúdo feminino e acolhimento.

#1A0028

Ameixa

#1A0028

#5C2D82

Violeta

#5C2D82

#8E63C0

Orquídea

#8E63C0

#B49BD8

Lavanda

#B49BD8

#F3EEF9

Névoa

#F3EEF9

Paleta Oceano

Azuis e verdes aquáticos para mensagens de leveza e limpeza. Ideal para áreas de relaxamento e meditação.

#021E22

Profundeza

#021E22

#04727A

Lagoa

#04727A

#1BA6B4

Mar

#1BA6B4

#70C2D4

Céu

#70C2D4

#E2F5F7

Espuma

#E2F5F7

Paleta Terra

Tons terrosos e quentes. Use em contextos de estabilidade, natureza e valores fundamentais da marca.

#261400

Mogno

#261400

#7A501B

Cacau

#7A501B

#B39154

Ouro

#B39154

#D8BE7A

Sol

#D8BE7A

#F7EDDC

Baunilha

#F7EDDC

Paleta Primavera

Cores festivas e energéticas em tons de rosa. Use em celebrações, motivação e momentos especiais.

#2C001B

Hibisco

#2C001B

#A41F4B

Cereja

#A41F4B

#C74B79

Flor

#C74B79

#E4AAB8

Pétala

#E4AAB8

#F8EFF3

Florescer

#F8EFF3

Orientações de Uso das Paletas

Paleta Principal

Use em comunicações oficiais, materiais institucionais e no aplicativo central. Cinnabar para CTAs e ações principais.

Paleta Deserto

Ideal para campanhas de impacto, promoções e materiais que precisam chamar atenção imediata.

Paleta Ameixa

Perfeita para conteúdos de suporte, comunicação empática e materiais voltados ao público feminino.

Paleta Floresta

Use em conteúdos sobre saúde, bem-estar, nutrição e equilíbrio. Transmite naturalidade e frescor.

Paleta Oceano

Ideal para mensagens de leveza, limpeza e renovação. Ótima para áreas de relaxamento e meditação.

Paleta Neutra

Base para layouts sofisticados e minimalistas. Combine com Ouro para toques premium.

Recurso Visual

Textura de Papel

A textura de papel pode ser aplicada como overlay sobre as cores da marca para criar fundos com mais profundidade e um toque artesanal. Utilize com opacidades entre 5% e 15% para manter a legibilidade do conteúdo.

Essa técnica é especialmente eficaz em materiais impressos, banners digitais e backgrounds de apresentações, adicionando textura sem comprometer a identidade visual da marca. Nunca ultrapasse 15% de opacidade.

Textura Original

Exemplos de Aplicação

Seu recomeço começa agora

Cinnabar #FB513B com textura 12%

Leveza, consciência e resultado

Off White #F6F4EE com textura 8%

Transforme sua vida

Ouro #B39154 com textura 15%

Texto Exemplo

Preto #191717 com textura 8%

Como usar a textura

Funciona tanto em cores claras quanto em cores escuras
Use opacidade entre 5% e 15% para manter a legibilidade do conteúdo