Tilbake til promptbibliotek
PromptbibliotekBildeprompt

UI-stilsystemtavle

Lag en flersidig UI-stilsystemtavle med 8px-rutenett, fargetokens, typografisk skala, komponenttilstander og justerte layouteksempler.

DesignsystemUI-kitTypografi
Forhåndsvisning

Bildeprompt

Anbefalt modell

Seedream 5.0 Lite

Utdataformat

Bildepromptmal

Forhåndsvisning

Bildeprompt

Forhåndsvisning av UI-stilsystemtavle som viser fargetokens, typografisk skala, komponenttilstander og responsive layouteksempler.

Forhåndsvisning for UI-stilsystemtavle, med fokus på systemkonsistens, rutenettjustering, redigerbare tokens og produktklare UI-eksempler.

Fullstendig prompt

UI-stilsystemtavle

Flersidig UI-stilsystemtavle med 8px-rutenett, fargetokens, typografisk skala, komponenter og responsive layouter.

Anbefalt modell: Seedream 5.0 LiteUtdataformat: Bildepromptmal
Fullstendig prompt
Bildeprompt
Lag en gjennomarbeidet flersidig UI-stilsystemtavle for [PRODUCT_OR_BRAND]. Presenter systemet som et helhetlig sett med designsider på ett rent forhåndsvisningslerret. Bruk et strengt 8px-avstandsrutenett, konsekvente marger, presis justering og et tydelig hierarki på hver side. Inkluder et panel for fargetokens med primære, sekundære, nøytrale, semantiske og bakgrunnsfargeprøver; en typografisk skala med overskrift-, brødtekst-, bildetekst- og tallstiler; et komponentark med knapper, inndatafelt, kort, navigasjon, merker og tomtilstander; og to responsive layouteksempler som viser proporsjoner for desktop og mobil. Hold systemet visuelt konsistent, redigerbart og egnet for et SaaS-produkt, skaperverktøy, netthandelsmerke eller internt dashboard. Bruk realistisk plassholdertekst bare der det trengs, og hold etiketter korte nok til å være lesbare. Unngå ekte logoer, kopierte designsystemer, merkenavn som ikke er oppgitt av brukeren, forvrengt typografi, inkonsekvent avstand, feiltilpassede skygger, dekorativt rot, utilgjengelig kontrast og komponenteksempler som bryter rutenettet.

Bruksnotater

Bytt ut produkttype, merketone, palettretning, komponentliste, layouteksempler og tilgjengelighetskrav før du kjører.

Prompt-FAQ

Før du bruker denne prompten

Raske kontroller for inndata, modellpassform og hvordan du kan tilpasse malen uten å svekke resultatet.

Hva bør jeg tilpasse først?

Definer produkttypen, merketonen, grunnpaletten, typografiens personlighet, komponentomfanget og om eksemplene skal føles markedsføringsstyrte eller dashboard-styrte.

Kan denne prompten lage et brukbart designsystem?

Den lager en visuell stilsystemtavle for utforsking og presentasjon. Gå gjennom avstand, kontrast, typografi og komponentatferd før du gjør den om til produksjonsklare UI-tokens.

Hva bør jeg sjekke før jeg publiserer bildet?

Sjekk at etiketter er lesbare, fargeprøver er tydelige, typehierarkiet er klart, komponentene deler samme avstandslogikk, og at ingen ekte merkevaresystemer er kopiert.

Flere prompter i denne modusen