KIT DE MARCA — LOJAS MARI
Atualizado em 10/09/2026

O manual completo, com as regras de uso, fica em:
  lojamari.com.br/manualdamarca/

---------------------------------------------------------------
OS ARQUIVOS
---------------------------------------------------------------

Sao 15 versoes, cada uma em SVG e em PNG. Os arquivos estao em
duas pastas, com o MESMO nome nas duas — e so trocar a extensao:

  logos-svg/   <- prefira esta. Vetor, nao perde nitidez em
                  tamanho nenhum, do favicon a fachada.
  logos-png/   <- para quando o programa nao aceita vetor.

LOCKUP COMPLETO (simbolo + nome + descritivo) — use por padrao
  lojasmari-vertical-cor ..................... A VERSAO PRINCIPAL
  lojasmari-horizontal-cor ................... para espaco largo e baixo

SO O NOME, COM DESCRITIVO
  lojasmari-nome-marsala ..................... fundo claro
  lojasmari-nome-preto ....................... impressao em uma cor so
  lojasmari-nome-branco ...................... fundo escuro
  lojasmari-nome-branco-laranja .............. fundo escuro, mais colorida

SO O NOME, SEM DESCRITIVO
  lojasmari-nome-simples-marsala ............. fundo claro
  lojasmari-nome-simples-branco .............. fundo escuro
  lojasmari-nome-simples-branco-laranja ...... fundo escuro

SO O SIMBOLO (a casinha com o "m")
  lojasmari-simbolo-laranja
  lojasmari-simbolo-marsala
  lojasmari-simbolo-branco ................... fundo escuro

SIMBOLO NO CIRCULO — melhor opcao para foto de perfil
  lojasmari-simbolo-circulo-laranja
  lojasmari-simbolo-circulo-marsala
  lojasmari-simbolo-circulo-branco

SISTEMA
  lojasmari-tokens.css ....................... cores, tipografia, espacamento
                                               e sombras em variaveis CSS

---------------------------------------------------------------
AS QUATRO REGRAS QUE MAIS IMPORTAM
---------------------------------------------------------------

1. NAO USE O LOGO COLORIDO SOBRE LARANJA.
   A palavra "Mari" e laranja — ela some no fundo. Sobre laranja,
   use a versao branca.

2. AS VERSOES BRANCAS SO VAO EM FUNDO ESCURO.
   Sao chapadas de branco. Em fundo claro, desaparecem.

3. TAMANHO MINIMO: 120px de largura em tela, 30mm impresso.
   Abaixo disso, "Variedades para seu lar" vira borrao — nesse caso
   use a versao sem descritivo (minimo 90px) ou so o simbolo (24px).

4. RESPIRO: deixe em volta do logo uma faixa livre com metade da
   altura dele. Logo de 8cm de altura pede 4cm de folga de cada
   lado. Nada entra nessa faixa — nem texto, nem foto, nem borda.

Nada de esticar, girar, recolorir ou aplicar sombra e contorno.

---------------------------------------------------------------
CORES
---------------------------------------------------------------

  Laranja (destaque) .... #FF4D00
  Marsala (institucional) #7A2E2A
  Marsala escuro ........ #561F1C
  Creme (fundo) ......... #FFF7F2
  Texto ................. #1B1918
  Texto secundario ...... #6E5A55

  ATENCAO: o laranja #FF4D00 nao tem contraste suficiente para
  texto pequeno sobre fundo claro. Para texto miudo e para botao
  laranja com letra branca, use #CF3E00. O manual explica.

---------------------------------------------------------------
TIPOGRAFIA — TRES FAMILIAS, UMA POR PAPEL
---------------------------------------------------------------

Todas gratuitas no Google Fonts. Cada uma tem um lugar fechado;
fora dele, a peca vira colcha de retalhos.

  GASOEK ONE ...... display. A chamada principal de um cartaz,
                    uma capa, um numero de oferta. Peso unico 400
                    — nao peca negrito nela.
                    fonts.google.com/specimen/Gasoek+One

  BALOO BHAI 2 .... titulo e subtitulo. E a que mais parece com o
                    lettering do logo. Pesos 400 a 800; nos titulos,
                    use 700 ou 800.
                    fonts.google.com/specimen/Baloo+Bhai+2

  POPPINS ......... corpo, botao, legenda, tabela e o site inteiro.
                    Pesos 400 a 800.
                    fonts.google.com/specimen/Poppins

NUNCA as tres na mesma peca. Duas bastam quase sempre: Baloo no
titulo, Poppins no corpo. A Gasoek entra so quando a peca precisa
gritar, e aparece uma vez so.

Atencao: a "Baloo Bhai" antiga (sem o 2) foi descontinuada pelo
Google Fonts. A oficial da marca e a BALOO BHAI 2.
