S Skillteca
Receber por email
Explorar Categorias Coleções Newsletter
← Voltar para o catálogo

identity-system

Marketing Autor: fusengine

Phase 0: Read sector template (creative/fintech/ecommerce/devtool), generate OKLCH palette with chroma > 0.05, pick approved typography pair (never Inter/Roboto/Arial), define spacing base unit + motion profile.

15estrelas
Atualizado há 4 meses
Ver no GitHub ↗ Licença: MIT

Como adicionar

/plugin marketplace add fusengine/agents

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Skillteca](https://www.skillteca.com.br/api/badge/identity-system/svg)](https://www.skillteca.com.br/skills/identity-system)
#ai

Skills relacionadas

Ver todas de Marketing →

learn-codebase

83.4k

Prepare uma base de código lendo todos os arquivos fonte na íntegra. Use ao iniciar um projeto novo ou desconhecido, ou quando o usuário solicitar para "aprender a base de código", "ler a base de código", "preparar" ou "se atualizar".

Marketing #ai por thedotmack

remove-deadcode

63k

Remove código não utilizado deste projeto com modo ultrawork, segurança verificada por LSP e commits atômicos. Gatilhos: remover código morto, limpeza, remover não utilizado.

Marketing por code-yeongyu

growth-engine

41.2k

Motor de crescimento para produtos digitais, abrangendo growth hacking, SEO, ASO, viral loops, email marketing, CRM, programas de indicação e aquisição orgânica.

Marketing #ai #git por sickn33

social-post-writer-seo

41.2k

Social Media Strategist and Content Writer. Creates clear, engaging social media posts for Instagram, LinkedIn, and Facebook.

Marketing #git #github por sickn33

Alerta por categoria

Receba novas skills de Marketing toda segunda

1 email curto, só com as skills novas de Marketing. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Ler descrição completa

Phase 0: IDENTITY SYSTEM — Define the brand DNA

When

Start of a new project, or when no design-system.md exists at project root.

Input (from user)

  • User brief: sector, audience, personality, competitors, desired feeling.
  • If no brief provided, ask the 5 identity questions (see references/identity-brief.md).

Steps

  1. Read references/identity-brief.md — collect answers to the 5 questions.
  2. Match sector in references/sector-palettes.md — pick the OKLCH palette base.
  3. Generate palette using references/oklch-system.md — primary, secondary, accent, neutral + semantic colors. Validate contrast with references/contrast-ratios.md.
  4. Choose typography pair from references/typography-pairs.md — display + body fonts matching sector personality. NEVER use Inter, Roboto, Arial.
  5. Set spacing density from references/spacing-density.md — dense / standard / editorial.
  6. Define motion personality from references/motion-personality.md — corporate / modern / playful / luxury.
  7. Check visual techniques in references/visual-technique-matrix.md — what is allowed for this personality x density combination.
  8. Generate design-system.md at project root using the matching template from references/templates/ (fintech, ecommerce, devtool, creative, or blank).

Output

  • design-system.md at project root with: OKLCH palette, typography pair, spacing profile, motion personality, visual techniques allowed.
  • All colors in OKLCH format, dark mode palette included.

Next → Phase 1: DESIGNING SYSTEMS

1-designing-systems/SKILL.md — Convert identity into design tokens and responsive system.

References

| File | Purpose | |------|---------| | references/identity-brief.md | 5-question brand questionnaire | | references/sector-palettes.md | Sector-specific OKLCH palettes | | references/oklch-system.md | OKLCH color generation rules | | references/contrast-ratios.md | WCAG contrast validation | | references/typography-pairs.md | Approved font pairings | | references/spacing-density.md | Density profiles | | references/motion-personality.md | Motion personality definitions | | references/visual-technique-matrix.md | Allowed techniques per personality | | references/templates/ | design-system.md templates per sector |

Compartilhar X LinkedIn