Terug naar promptbibliotheek
PromptbibliotheekBeeldprompt
UI-stijlsysteembord
Maak een meerpagina's UI-stijlsysteembord met een 8px-grid, kleurtokens, typografieschaal, componentstates en uitgelijnde layoutvoorbeelden.
DesignsysteemUI-kitTypografie
Preview
Beeldprompt
Aanbevolen model
Seedream 5.0 Lite
Uitvoerformaat
Afbeeldingsprompttemplate
Preview
Beeldprompt
Preview voor UI-stijlsysteembord, gericht op systeemconsistentie, griduitlijning, bewerkbare tokens en productklare UI-voorbeelden.
Volledige prompt
UI-stijlsysteembord
Meerpaginabord voor UI-stijlsysteem met 8px-grid, kleurtokens, typografieschaal, componenten en responsive layouts.
Aanbevolen model: Seedream 5.0 LiteUitvoerformaat: Afbeeldingsprompttemplate
Volledige prompt
BeeldpromptMaak een gepolijst meerpagina's UI-stijlsysteembord voor [PRODUCT_OR_BRAND]. Presenteer het systeem als een samenhangende set ontwerppagina's op één schone previewcanvas. Gebruik op elke pagina een strikt 8px-spacinggrid, consistente marges, precieze uitlijning en een duidelijke hiërarchie. Voeg een kleurtokenpaneel toe met primaire, secundaire, neutrale, semantische en achtergrondswatches; een typografieschaal met heading-, body-, caption- en numerieke stijlen; een componentsheet met knoppen, inputs, cards, navigatie, badges en empty states; en twee responsive layoutvoorbeelden die desktop- en mobiele verhoudingen tonen. Houd het systeem visueel consistent, bewerkbaar en geschikt voor een SaaS-product, creatortool, e-commercemerk of intern dashboard. Gebruik realistische placeholdercopy alleen waar nodig en houd labels kort genoeg om leesbaar te blijven. Vermijd echte logo's, gekopieerde designsystemen, merknamen die niet door de gebruiker zijn aangeleverd, vervormde typografie, inconsistente spacing, niet-passende schaduwen, decoratieve rommel, ontoegankelijk contrast en componentvoorbeelden die het grid breken.
Gebruiksnotities
Vervang het producttype, de merktoon, paletrichting, componentlijst, layoutvoorbeelden en toegankelijkheidseisen voordat je dit uitvoert.
Prompt-FAQ
Voordat je deze prompt gebruikt
Snelle checks voor invoer, modelfit en hoe je de template aanpast zonder het resultaat te verzwakken.
Wat moet ik eerst aanpassen?
Definieer het producttype, de merktoon, het basispalet, de typografische persoonlijkheid, de componentscope en of de voorbeelden meer marketinggericht of dashboardgericht moeten voelen.
Kan deze prompt een bruikbaar designsysteem maken?
De prompt maakt een visueel stijlsysteembord voor exploratie en presentatie. Review spacing, contrast, typografie en componentgedrag voordat je het omzet naar productieklare UI-tokens.
Wat moet ik controleren voordat ik de afbeelding publiceer?
Controleer dat labels leesbaar zijn, kleurstalen onderscheidend zijn, de typehiërarchie duidelijk is, componenten dezelfde spacinglogica delen en er geen echt merksysteem is gekopieerd.
Meer prompts in deze modus