ClapMe OTTzinha

O arquivo styledguide.json serve para preencher todas as variáveis de Styleguide da plataforma.

Obs.: Não mude o nome das chaves, somente os valores. Ex.: BASE

  {
    "primary": "#000"
  }

BOM

  {
    "primary": "#ccc"
  }

== MAU ==

  {
    "cinza-claro": "#ccc"
  }

Variáveis

Use o checkbox para marcar as variáveis adicionadas, ajuda a se guiar na construção do arquivo.

Cores (colors)

[ ] primary-c: { : } - Backgrounds dos botões, filtro nas fotos, links ativos.
[ ] secondary-c: string
[ ] text-c: string - Textos que não utilizam a cor primária.
[ ] solid-c: string - Background sólido no banner, background da navbar, background do footer.
[ ] solid-text-c: string - Textos que vão aparecer por cima de um bloco que tem solid como background.
[ ] body-c: string - Background do body.

Fontes (fonts)

Lembre-se de importar a fonte no arquivo src/app/styles/global.styles.css Para fontes locais, adicione em public/font e importe como font-face no arquivo src/app/styles/global.styles.css.

family
[ ] title-f: string - Fonte para os títulos
[ ] text-f: string - Fonte para texto que não são títulos
[ ] button-f: string - Fonte para botões

Títulos (type)

[ ] brand: string - Nome da empresa.
[ ] banner: string - Texto do banner da Home.

---

Imagens

Adicione as imagens na pasta public/font

Coloque as imagens com o nome indicado abaixo:

[ ] logo: string - Arquivo usado para a logo na navbar, footer, login, etc.
[ ] banner: string - Arquivo usado para a foto do banner na Home.
[ ] login: string - Arquivo usado para a tela de login.

Favicon

Adicione o arquivo favicon.ico na pasta public/

Footer

[ ] address: string - Endereço
[ ] company_name: string - Nome da empresa usado nos direitos do footer
[ ] social_links: {
[ ] whatsapp: string - Link para Whatsapp
[ ] email: string - Link para Email
[ ] instagram: string - Link para Instagram
}

Home Pública

[ ] public_home -

Variáveis de ambiente

Verifique o arquivo .env.example