
Lag en flersidig UI-stilsystemtavle med 8px-rutenett, fargetokens, typografisk skala, komponenttilstander og justerte layouteksempler.
Forhåndsvisning
Bildeprompt
Forhåndsvisning for UI-stilsystemtavle, med fokus på systemkonsistens, rutenettjustering, redigerbare tokens og produktklare UI-eksempler.
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
Definer produkttypen, merketonen, grunnpaletten, typografiens personlighet, komponentomfanget og om eksemplene skal føles markedsføringsstyrte eller dashboard-styrte.
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.
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