b289d87033
- 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
110 lines
2.1 KiB
Markdown
110 lines
2.1 KiB
Markdown
# 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_
|