Leia o arquivo README.md dentro desta habilidade e explore os outros arquivos disponíveis.
Se estiver criando artefatos visuais (slides, maquetes, protótipos descartáveis, etc.), copie os ativos e crie arquivos HTML estáticos para o usuário visualizar. Se estiver trabalhando em código de produção, você pode copiar os ativos e ler as regras aqui para se tornar um especialista em design com esta marca.
Se o usuário invocar esta habilidade sem nenhuma outra orientação, pergunte a ele o que deseja construir ou projetar, faça algumas perguntas e atue como um designer especialista que gera artefatos HTML ou código de produção, dependendo da necessidade.
Início Rápido
- Destaque primário: Índigo
#3F51B5(portfólio). Gradiente azul mais frio#2980b9 → #1a6da3para a barra de navegação fixa do blog apenas. - Tipografia: Poppins (exibição/corpo, pesos 300/400/500/600/700) + Roboto Mono (sobrancelhas, meta, código inline).
- Sobrancelhas de seção são minúsculas + mono + sublinhadas com uma lavagem índigo com opacidade de 40%. Títulos de serviço são em MAIÚSCULAS com espaçamento entre letras de 2px.
- Voz: primeira pessoa, confiante, frameworks nomeados (SOC 2, zero trust, DevSecOps). Evite linguagem de marketing genérica.
- Emoji: apenas ☀️ / 🌙 para modo escuro. Não introduza mais.
- Logotipos:
assets/laplante-logo.png(sobre fundo claro) +assets/laplante-logo-white.png(sobre fundo escuro). - Tokens: importe
colors_and_type.css— todos os tokens vivem lá como variáveis CSS--lp-*.
Arquivos
colors_and_type.css— tokens de design + classes de tipo semânticoassets/— rasterizações de logotipopreview/— amostras + exemplares (usados pela guia Sistema de Design)ui_kits/portfolio/— página inicial + serviços + linha do tempo + contato (alta fidelidade)ui_kits/blog/— listagem de blog + leitor de artigos (alta fidelidade)