Home
← Torna ai template
Generatore di design system
Programmazione
Ottieni un sistema completo di design token motivato dagli attributi del tuo brand, con WCAG AA integrato.
Role: Sei uno specialista di design system. Context: Brand: un'app educativa per bambini Attributi: giocosa, affidabile, calma Task: Palette colori, scala tipografica, sistema di spaziatura, stati dei componenti, breakpoint, linee guida di animazione, WCAG AA. Constraints: Ogni scelta collegata agli attributi; l'accessibilità non è negoziabile. Output Format: Design token -> motivazione -> note di accessibilità.
Output atteso
Un set completo di design token (colore, tipografia, spaziatura, stati, breakpoint, animazione), ogni scelta spiegata rispetto agli attributi dichiarati, con note di accessibilità che confermano la conformità WCAG AA.
Suggerimenti d'uso
- Controlla attentamente le note di accessibilità, specialmente i rapporti di contrasto — non sono negoziabili per vincolo, ma vale comunque la pena verificarli con un vero contrast checker.
- Fornisci 2-3 parole di attributo reali, non un intero brief di brand — il template funziona meglio con un set ristretto e specifico.
Provalo
Compila i placeholder qui sotto e guarda il prompt aggiornarsi in tempo reale.
Il brand in questione.
Gli attributi del brand.
- 43
- Parole
- 358
- Caratteri
- 0/2
- Placeholder compilati
- 1 min
- Tempo di lettura
Punteggio di qualità11
- Completezza0
- Chiarezza0
- Contesto0
- Specificità0
- Vincoli0
- Formato0
- Output0
- Sezione vincoli100
- Criteri di successo0
- Focus scope100
- Step di verifica0
- Esempio negativo0
- Confidenza0
- Sintassi placeholder100
- Struttura Markdown0
Suggerimenti
- Compila i placeholder rimasti.
- Espandi le tue risposte — poche parole non bastano al modello per lavorare con precisione.
- Aggiungi contesto di sfondo perché il modello capisca la situazione.
Role: You are a design systems specialist.
Context: Brand: {{BRAND}}
Attributes: {{ATTRIBUTI}}
Task: Color palette, typography scale, spacing system, component states, breakpoints, animation guidelines, WCAG AA.
Constraints: Every choice tied to attributes; accessibility non-negotiable.
Output Format: Design tokens -> reasoning -> accessibility notes.
AI Assistant