Aplicacoes e Materiais
Mockups e especificacoes tecnicas de todos os materiais impressos e digitais com a identidade visual SYSLED.
Cartao de Visita
Padrao visual institucional com gradiente azul oficial na frente e fundo branco no verso. Reforco da identidade em cada contato comercial.
Preview — Frente e Verso
+55 (11) 99999-0000
sysled.com.br
| Especificacao | Valor |
|---|---|
| Dimensoes | 90 × 50 mm (padrao brasileiro) |
| Sangria | 3 mm em todos os lados |
| Margem de seguranca | 5 mm internos |
| Papel | Couche fosco 300g/m² |
| Acabamento | Laminacao fosca + verniz UV localizado na logo |
| Impressao | 4×4 cores (CMYK frente e verso) |
| Tipografia Nome | Montserrat Bold, 9pt |
| Tipografia Contatos | Inter Regular, 6.5pt |
Assinatura de E-mail
Padroniza a comunicacao digital de todos os colaboradores com a logo principal, divisor gradiente e dados organizados em grid.
Preview
Segue em anexo a proposta conforme alinhado. Atenciosamente,
| Especificacao | Valor |
|---|---|
| Largura max. | 580px |
| Formato | HTML inline (sem CSS externo) |
| Logo | PNG com link para sysled.com.br |
| Divisor | Gradiente vertical #5BB8F5 → #48C9B0, 3px largura |
| Tipografia | Arial/Helvetica (fallback seguro para e-mail) |
Capa do LinkedIn
Banner de perfil corporativo no LinkedIn com gradiente institucional, slogan e elementos graficos da marca.
Preview
| Especificacao | Valor |
|---|---|
| Dimensoes | 1584 × 396px |
| Safe area | Margem de 60px (elementos cortados em mobile) |
| Formato | PNG ou JPEG, max 8MB |
| Fundo | Gradiente institucional 135deg |
Papel Timbrado
Documento padrao para comunicacoes oficiais, propostas, contratos e correspondencias. Header com logo e barra gradiente, footer com dados da empresa.
Preview
Ref: DOC-2026-001
| Especificacao | Valor |
|---|---|
| Formato | A4 (210 × 297 mm) |
| Margens | Superior: 30mm, Inferior: 25mm, Laterais: 25mm |
| Header | Barra gradiente 4px + logo + data |
| Footer | Linha separadora + dados da empresa |
| Papel | Offset 90g/m² ou Couche fosco 120g/m² |
Apresentacao / Pitch Deck
Slides institucionais padronizados para apresentacoes comerciais, webinars e pitch para investidores.
Preview — Slides
| Especificacao | Valor |
|---|---|
| Proporcao | 16:9 widescreen |
| Dimensoes | 1920 × 1080px |
| Capa | Gradiente dark (#0F172A → #1E3A5F) |
| Conteudo | Fundo branco, header com logo + accent line |
| Tipografia | Montserrat (titulos) + Inter (corpo) |
| Ferramenta | Google Slides, PowerPoint ou Figma |
Favicon e Open Graph
Icone do navegador (favicon) e imagem de preview para compartilhamento em redes sociais (OG Image).
Preview
| Asset | Dimensao | Formato |
|---|---|---|
| Favicon ICO | 16×16, 32×32, 48×48 | .ico (multi-size) |
| Apple Touch | 180 × 180px | PNG |
| Android Chrome | 192 × 192px | PNG |
| OG Image | 1200 × 630px | PNG/JPEG |
| Twitter Card | 1200 × 628px | PNG/JPEG |
Cracha / ID Badge
Cracha de identificacao para colaboradores e eventos. Frente com foto, nome e cargo. Verso com QR code e dados da empresa.
Preview
| Especificacao | Valor |
|---|---|
| Dimensoes | 86 × 54 mm (padrao CR80) |
| Material | PVC rigido ou PET reciclavel |
| Foto | Circular, 300dpi, fundo neutro |
| Furo | Slot para cordao, topo central |
Proposta Comercial
Documento multi-pagina para propostas comerciais com capa institucional, paginas de conteudo e contracapa. Formato padrao A4.
Preview — Capa
| Especificacao | Valor |
|---|---|
| Formato | A4 (210 × 297 mm) / PDF digital |
| Capa | Gradiente dark com logo e titulo |
| Paginas internas | Fundo branco, header minimalista |
| Contracapa | Gradiente dark com dados de contato |
| Tipografia | Montserrat (titulos 24pt) + Inter (corpo 11pt) |
Newsletter
Template de e-mail marketing para comunicados, lancamentos de features, artigos do blog e conteudo educativo.
Preview
| Especificacao | Valor |
|---|---|
| Largura | 600px (max) |
| Header | Gradiente institucional + logo branca |
| CTA | Botao azul primario, border-radius 6px |
| Footer | Links uteis + unsubscribe obrigatorio |
| Ferramenta | Mailchimp, SendGrid ou HTML custom |
Certificado
Certificados para treinamentos, cursos, webinars e eventos realizados pela SYSLED ou parceiros.
Preview
Fundamentos de IoT Industrial
com carga horaria de 40 horas.
| Especificacao | Valor |
|---|---|
| Formato | A4 paisagem (297 × 210 mm) |
| Borda | Barra gradiente superior 4px |
| Papel | Couche fosco 250g/m² (impresso) |
| Digital | PDF com codigo de validacao unico |
Nota Fiscal
Layout padrao para documentos fiscais, boletos e recibos. Identidade visual aplicada de forma discreta e profissional.
Preview
| Especificacao | Valor |
|---|---|
| Formato | A4 (210 × 297 mm) |
| Logo | Versao monocromatica no header |
| Cor accent | Linha azul primaria (#2B6CB0) no header |
| Tipografia | Inter Regular 9pt (corpo), Montserrat Bold (header) |
Mockups e Composicoes
Diretrizes para composicoes flat lay e mockups com todos os materiais da marca SYSLED aplicados juntos.
Elementos da Composicao
| Diretriz | Detalhe |
|---|---|
| Fundo | Superficie neutra: concreto claro, madeira natural ou branco |
| Iluminacao | Luz natural lateral, sombras suaves |
| Angulo | Flat lay (90°) ou perspectiva leve (15-30°) |
| Espacamento | Minimo 20mm entre itens |
| Resolucao | Minimo 300dpi para impressao, 72dpi para web |
Fotografia Aplicada
Diretrizes para fotos de ambientes industriais com materiais de marca SYSLED em contexto real: fabricas, escritorios, eventos e feiras.
| Contexto | Orientacao |
|---|---|
| Fabrica | Foto de paineis/dashboards SYSLED em operacao, com operadores ao fundo |
| Escritorio | Materiais de marca sobre mesa: cartao, caderno, notebook com dashboard |
| Evento | Stand com banner, crachas, backdrop com logo. Participantes em networking |
| Feira | Totem, display digital, demos ao vivo com tablet/tela |
Tratamento de Cor
Todas as fotos aplicadas devem seguir o filtro padrao da marca (ver pagina de Fotografia): temperatura fria (+5%), contraste leve (+10%), saturacao moderada (-15%).
Camiseta / Uniforme
Diretrizes completas para posicionamento da marca em vestuario corporativo. A identidade visual deve ser consistente em todas as pecas, reforçando profissionalismo e pertencimento a equipe SYSLED.
Preview — Polo Corporativa
Preview — Camiseta T-Shirt & Uniforme Industrial
Preview — Jaqueta Corporativa
Paleta de Cores — Tecidos Permitidos
Especificacoes Tecnicas
| Peca | Posicao | Tamanho Logo | Tecnica |
|---|---|---|---|
| Polo corporativa | Peito esquerdo, 8cm abaixo do ombro | Larg. max. 6cm | Bordado |
| Camiseta T-Shirt | Centro do peito | Larg. max. 20cm | Silk-screen / DTF |
| Camiseta T-Shirt | Peito esquerdo (alternativa) | Larg. max. 8cm | Silk-screen / DTF |
| Jaqueta (frente) | Peito esquerdo | Larg. max. 6cm | Bordado |
| Jaqueta (costas) | Centro superior das costas | Larg. max. 25cm | Bordado / Silk |
| Uniforme industrial | Peito esquerdo + centro costas | Peito: 6cm / Costas: 20cm | Silk-screen |
Regras de Aplicacao
| Regra | Detalhe |
|---|---|
| Cores de tecido | Apenas azul marinho (#0F172A), azul SYSLED (#2B6CB0), branco (#F1F5F9) ou cinza chumbo (#334155) |
| Logo sobre tecido escuro | Usar versao branca do logo |
| Logo sobre tecido claro | Usar versao dark do logo (#0F172A) |
| Bordado — fios | Minimo 8 cores; branco (logo), azul (#2B6CB0 nuvem, se colorido) |
| Silk-screen — tintas | Tinta plastisol ou a base dagua; cor branca sobre tecido escuro |
| DTF (Direct to Film) | Resolucao minima 300 DPI; laminar com prensa a 165°C por 15s |
| Area de protecao | Manter 1cm de respiro ao redor do logo em todas as pecas |
| Uniforme industrial | Faixa refletiva obrigatoria (NR-6); posicao a 75% da altura |
| Etiqueta interna | Incluir etiqueta com logo + "sysled.io" na gola ou lateral |
Banner / Roll-up
Stand portatil para eventos, feiras, recepcao e salas de reuniao. Design vertical com impacto visual imediato.
Preview
| Especificacao | Valor |
|---|---|
| Dimensoes | 85 × 200 cm (padrao) |
| Alternativa | 100 × 200 cm (wide) |
| Resolucao | 150 dpi minimo |
| Fundo | Gradiente vertical dark → azul primario |
| Material | Lona semi-brilho ou tecido tensionado |
| Safe area | 10cm da base (area oculta pelo suporte) |
Backdrop para Eventos
Painel de fundo para palestras, fotos, stands e recepcoes. Utiliza pattern repetido da logo ou gradiente institucional.
Preview — Step & Repeat
| Especificacao | Valor |
|---|---|
| Dimensoes | 300 × 250 cm (padrao) |
| Pattern | Logo nuvem + wordmark alternados, opacidade 5-8% |
| Fundo | #0F172A (dark primary) |
| Espacamento | Grid regular, 40-60cm entre elementos |
| Material | Tecido tensionado (premium) ou lona fosca |
| Alternativa | Gradiente solido para palestras/keynotes |
Caneca / Brindes
Aplicacao do logotipo em brindes corporativos: canecas, garrafas termicas, cadernos, pen drives e outros materiais promocionais.
Preview — Caneca
| Item | Posicao Logo | Tecnica |
|---|---|---|
| Caneca ceramica | Centro, 1 ou 2 lados | Sublimacao |
| Garrafa termica | Centro frontal | Gravacao a laser ou silk |
| Caderno A5 | Canto inferior direito da capa | Hot stamping ou baixo relevo |
| Pen drive | Uma face | Gravacao a laser |
| Adesivo | Centro | Impressao digital, vinil |
| Cor base | Preto (#0F172A), branco ou azul marinho | |
Adesivo / Selo de Maquina
Selo com identidade visual e QR code para colar em equipamentos monitorados pela plataforma SYSLED. Identifica visualmente que a maquina esta conectada ao sistema.
Preview
| Especificacao | Valor |
|---|---|
| Dimensao padrao | 80 × 100 mm |
| Dimensao compacto | 60 × 25 mm |
| Material | Vinil adesivo resistente (uso industrial) |
| QR Code | Link para dashboard do equipamento |
| ID | Formato SYS-YYYY-NNNNN (unico por maquina) |
| Resistencia | IP65, resistente a oleo, agua e temperatura |
Placa de Sinalizacao
Placas internas para escritorio e fabrica: recepcao, salas de reuniao, areas tecnicas e sinalizacao de ambientes monitorados.
Preview
| Tipo | Dimensao | Material |
|---|---|---|
| Porta de sala | 20 × 8 cm | Acrilico 5mm ou aluminio anodizado |
| Recepcao | 40 × 15 cm | Acrilico retroiluminado ou metalico |
| Area tecnica | 30 × 20 cm | Aluminio com adesivo vinil |
| Totem direcional | 40 × 180 cm | Aluminio + acrilico |
| Fundo escuro | #0F172A com texto branco e accent azul | |
| Fundo claro | Branco com texto dark e accent ciano | |
Pasta / Folder Corporativo
Pasta A4 com bolso interno para documentos comerciais, propostas e materiais de apresentacao. Design institucional que transmite profissionalismo.
Preview — Capa
| Especificacao | Valor |
|---|---|
| Formato aberto | 44 × 32 cm (com abas e bolso) |
| Formato fechado | 22 × 31 cm (A4 + margem) |
| Bolso | Interno, 10cm altura, para cartao + documentos |
| Papel | Couche fosco 350g/m² |
| Acabamento | Laminacao fosca + verniz UV no logo |
| Impressao | 4×0 (frente colorida, verso branco) |
Wallpaper Desktop / Mobile
Papeis de parede com identidade visual para dispositivos da equipe. Reforco diario da marca no ambiente de trabalho.
Preview
| Dispositivo | Dimensao | Proporcao |
|---|---|---|
| Desktop FHD | 1920 × 1080px | 16:9 |
| Desktop 4K | 3840 × 2160px | 16:9 |
| MacBook Retina | 2880 × 1800px | 16:10 |
| iPhone | 1290 × 2796px | 9:19.5 |
| Android | 1440 × 3200px | 9:20 |
| Estilo | Minimalista, logo sutil (5-15% opacidade), gradiente dark | |
Totem Digital
Layout para tela vertical touch em recepcao, feiras e eventos. Exibe dashboard de marca, informacoes da empresa e conteudo interativo.
Preview
| Especificacao | Valor |
|---|---|
| Resolucao | 1080 × 1920px (FHD vertical) |
| Alternativa 4K | 2160 × 3840px |
| Formato | Web app responsivo ou slideshow HTML |
| Conteudo | Dashboard marca, metricas ao vivo, info empresa |
| Interacao | Touch (botoes min. 44×44px), auto-play 15s por tela |
| Tela | 43" ou 55" vertical, brilho 500+ nits |
Do's & Don'ts
Regras gerais para uso dos materiais de marca em todas as aplicacoes.
Use sempre os templates oficiais como base para novos materiais
Nunca crie materiais do zero sem consultar o brandbook
Mantenha as proporcoes e safe areas em todos os formatos
Nunca distorca, estique ou corte elementos visuais da marca
Envie materiais para aprovacao antes de impressao/publicacao
Nunca use versoes desatualizadas do logo ou materiais antigos