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)
This commit is contained in:
commit
6ac766172c
47 changed files with 4165 additions and 0 deletions
68
references/layout_systems.md
Normal file
68
references/layout_systems.md
Normal file
|
|
@ -0,0 +1,68 @@
|
|||
# Layout Systems
|
||||
|
||||
_Framework: agency_v3_1 | Estratto: 2026-03-09_
|
||||
_Usato da: agency-design-system, agency-creative-director_
|
||||
|
||||
## Sommario
|
||||
|
||||
Grid, spacing, density per coerenza e ritmo verticale.
|
||||
|
||||
---
|
||||
|
||||
## Grid (Web)
|
||||
|
||||
**Desktop:** 12 colonne (o 2/3/4 macro colonne)
|
||||
**Tablet:** 8 colonne
|
||||
**Mobile:** 4 colonne (stack verticale)
|
||||
|
||||
**Regola pratica:**
|
||||
- Usa una "content column" leggibile (non full-width testo)
|
||||
|
||||
---
|
||||
|
||||
## Container Widths
|
||||
|
||||
**Linee guida:**
|
||||
- Max content width: 1100-1200px
|
||||
- Reading width per paragrafi: 60-80 caratteri
|
||||
|
||||
---
|
||||
|
||||
## Spacing System
|
||||
|
||||
**Scala modulare preferita:** 4/8/16/24/32/48/64
|
||||
|
||||
**Sezioni:**
|
||||
- Padding top/bottom minimo: 64-96px desktop, 40-64px mobile
|
||||
- Separare sezioni con whitespace, non linee ovunque
|
||||
|
||||
---
|
||||
|
||||
## Density Modes
|
||||
|
||||
| Mode | Descrizione | Uso |
|
||||
|------|-----------|-----|
|
||||
| Airy | Più spazio, premium feel | Brand luxury, high-end |
|
||||
| Balanced | Equilibrio | Maggior parte dei casi |
|
||||
| Dense | Compatto | Pagine data-heavy |
|
||||
|
||||
**Regola:** Scegli 1 density mode dominante e mantienilo.
|
||||
|
||||
---
|
||||
|
||||
## Vertical Rhythm
|
||||
|
||||
- Headline → supporting → content → CTA: sempre con spacing prevedibile
|
||||
- Evitare "salti" casuali
|
||||
|
||||
---
|
||||
|
||||
## Responsive Heuristics
|
||||
|
||||
- Non "ridurre" tutto: spesso serve "stackare" e cambiare ordine
|
||||
- CTA sempre tappabile e visibile
|
||||
- Immagini: evitare crop che elimina il soggetto
|
||||
|
||||
---
|
||||
|
||||
_Reference generato da framework-translator_
|
||||
Loading…
Add table
Add a link
Reference in a new issue