agency-skills-suite/references/design_patterns.md
AgentePotente 6ac766172c Initial release: agency_v3_1-skills-suite v1.0
- 12 AgentSkills generate da agency_v3_1 framework
- 17 references centralizzate
- Script INSTALL.sh per installazione automatica
- README.md con documentazione completa

Skills incluse:
- agency-orchestrator (coordinamento + QA)
- agency-strategy (positioning, messaging)
- agency-research (competitive intelligence)
- agency-creative-director (direzione visiva)
- agency-design-system (tokens, components)
- agency-ux-copy (sitemap, copy)
- agency-seo (SEO tecnico)
- agency-social (social strategy)
- agency-youtube (YouTube strategy)
- agency-visual-generator (asset visuali)
- agency-analytics (report KPI)
- agency-publisher (publish gate-based)

Generated by framework-translator v2.0
Approved by: MarcoB (2026-03-09)
2026-03-09 12:23:58 +01:00

2.1 KiB

Design Patterns

Framework: agency_v3_1 | Estratto: 2026-03-09 Usato da: agency-creative-director, agency-design-system, agency-ux-copy

Sommario

Pattern UI riusabili per siti agency/services. Strutture, non stile.


Card Grid (Services / Features)

Quando usarlo:

  • Overview servizi
  • Differentiatori
  • Step del processo

Regole:

  • Max 6 card desktop, 3-4 mobile
  • Titolo breve + payoff 1 riga + micro-CTA
  • Icone solo se aggiungono semantica (non decorative)

Varianti:

  • Icon + title + 2 bullets
  • Number + title + paragraph (per process)
  • Split card (testo + mini proof)

Split Layout (Text + Visual)

Quando usarlo:

  • Spiegare un concetto o metodo
  • Mostrare case study teaser

Regole:

  • Testo a sinistra per lingue LTR (scansione naturale)
  • 1 solo focus visual (non collage)
  • Includere 1 proof nello stesso blocco (numero, logo, quote)

Section Header (Headline + Support)

Pattern:

  • Overline (categoria)
  • Headline (promessa)
  • Supporting copy (beneficio concreto)
  • Optional: inline CTA

Regole:

  • Headline: 6-12 parole
  • Supporting: 1-2 frasi, senza gergo

Logo Wall (Credibility)

Quando usarlo:

  • Subito dopo hero o dopo services

Regole:

  • Max 12 loghi visibili (se più, carousel o "view all")
  • Testo di contesto (es. "Trusted by" o "We worked with")
  • Evitare loghi non autorizzati

Testimonial Block

Varianti:

  • Quote singola "hero testimonial"
  • Grid di 3 testimonial
  • Testimonial + risultato (numero)

Regole:

  • Migliore se contiene un risultato specifico
  • Includere nome/ruolo/azienda quando possibile
  • Se anonimo: spiegare perché (settore sensibile)

FAQ (Objections)

Quando usarlo:

  • Prima della CTA finale
  • Su services e contact

Regole:

  • 5-8 domande
  • Domande reali (prezzo, tempi, processo, revisioni)
  • Risposte brevi e pratiche

Include:

  • CTA compatta
  • Contatti chiari
  • Link legali
  • Social (se utili)

Regola:

  • Footer deve "chiudere" il funnel, non solo link.

Reference generato da framework-translator