
UI-stilsystemtavle
Lag en flersidig UI-stilsystemtavle med 8px-rutenett, fargetokens, typografisk skala, komponenttilstander og justerte layouteksempler.
Bildeprompt
Seedream 5.0 Lite
Bildepromptmal
Forhåndsvisning
Bildeprompt

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.
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

