Robots/agency-skills-suite
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
agency-skills-suite/agency-shared-references/references/design_patterns.md
AgentePotente b289d87033 Conversione references in skill condivisa agency-shared-references 
- Creata nuova skill agency-shared-references con 24 references centralizzate
- Spostate tutte le references da cartelle sparse (references/, agency-web-developer/, agency-archivist/) in un'unica posizione
- Aggiornati tutti i symlink delle 14 skills per puntare a ../agency-shared-references/references
- Aggiornati tutti i riferimenti nei SKILL.md (percorsi coerenti)
- README.md aggiornato con nuova struttura e istruzioni generiche
- INSTALL.sh semplificato con istruzioni platform-agnostic
- Eliminata cartella references/ dal root (ora centralizzata)
- Struttura più pulita e mantenibile, facile da installare su qualsiasi piattaforma
2026-03-11 00:11:03 +01:00

2.1 KiB
Raw Blame History

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

Footer (Actionable)

Include:

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

Regola:

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

Reference generato da framework-translator