Tilbage til promptbibliotek
PromptbibliotekBilledprompt
UI-stilsystemboard
Skab et flersidet UI-stilsystemboard med 8px-grid, farvetokens, typografisk skala, komponenttilstande og justerede layouteksempler.
DesignsystemUI-kitTypografi
Forhåndsvisning
Billedprompt
Anbefalet model
Seedream 5.0 Lite
Outputformat
Billedpromptskabelon
Forhåndsvisning
Billedprompt
Forhåndsvisning til UI-stilsystemboard med fokus på systemkonsekvens, gitterjustering, redigerbare tokens og produktklare UI-eksempler.
Fuld prompt
UI-stilsystemboard
Flersidet UI-stilsystemboard med 8px-grid, farvetokens, typografisk skala, komponenter og responsive layouts.
Anbefalet model: Seedream 5.0 LiteOutputformat: Billedpromptskabelon
Fuld prompt
BilledpromptSkab et poleret flersidet UI-stilsystemboard for [PRODUCT_OR_BRAND]. Præsenter systemet som et sammenhængende sæt designsider på ét rent forhåndsvisningslærred. Brug et strengt 8px-afstandsgitter, ensartede margener, præcis justering og et klart hierarki på hver side. Medtag et farvetoken-panel med primære, sekundære, neutrale, semantiske og baggrundsfarveprøver; en typografisk skala med overskrift-, brødtekst-, billedtekst- og numeriske stilarter; et komponentark med knapper, inputfelter, kort, navigation, badges og tomme tilstande; og to responsive layouteksempler, der viser desktop- og mobilproportioner. Hold systemet visuelt konsekvent, redigerbart og egnet til et SaaS-produkt, et creator-værktøj, et e-handelsbrand eller et internt dashboard. Brug kun realistisk pladsholdertekst, hvor det er nødvendigt, og hold labels korte nok til at forblive læsbare. Undgå virkelige logoer, kopierede designsystemer, brandnavne, som brugeren ikke har angivet, forvredet typografi, inkonsekvent afstand, uens skygger, dekorativt rod, utilgængelig kontrast og komponenteksempler, der bryder gitteret.
Brugsnoter
Udskift produkttype, brandtone, paletretning, komponentliste, layouteksempler og tilgængelighedskrav, før du kører prompten.
Prompt-FAQ
Før du bruger denne prompt
Hurtige tjek for inputs, modelfit og hvordan du tilpasser skabelonen uden at svække resultatet.
Hvad bør jeg tilpasse først?
Definér produkttype, brandtone, basispalet, typografisk personlighed, komponentomfang og om eksemplerne skal føles marketingstyrede eller dashboardstyrede.
Kan denne prompt skabe et brugbart designsystem?
Den skaber et visuelt stilsystemboard til udforskning og præsentation. Gennemgå afstand, kontrast, typografi og komponentadfærd, før det konverteres til produktionsklare UI-tokens.
Hvad bør jeg tjekke, før jeg udgiver billedet?
Tjek at labels er læsbare, farveprøver er tydelige, typehierarkiet er klart, komponenter deler samme afstandslogik, og at intet virkeligt brandsystem er kopieret.
Flere prompts i denne tilstand