
Luo monisivuinen UI-tyylijärjestelmän esittelytaulu, jossa on 8px-ruudukko, väritokenit, typografinen asteikko, komponenttien tilat ja kohdistetut asetteluesimerkit.
Esikatselu
Kuvaprompt
Esikatselu UI-tyylijärjestelmän esittelytaululle, painopisteenä järjestelmän yhtenäisyys, ruudukkokohdistus, muokattavat tokenit ja tuotantovalmiit UI-esimerkit.
Monisivuinen UI-tyylijärjestelmän esittelytaulu, jossa on 8px-ruudukko, väritokenit, typografinen asteikko, komponentit ja responsiiviset asettelut.
Luo viimeistelty monisivuinen UI-tyylijärjestelmän esittelytaulu tuotteelle tai brändille [PRODUCT_OR_BRAND]. Esitä järjestelmä yhtenäisenä design-sivujen kokonaisuutena yhdellä puhtaalla esikatselukankaalla. Käytä jokaisella sivulla tarkkaa 8px-välistysruudukkoa, yhtenäisiä marginaaleja, täsmällistä kohdistusta ja selkeää hierarkiaa. Sisällytä väritokenipaneeli, jossa on pääväri-, toissijaiset, neutraalit, semanttiset ja taustaväriswatchit; typografinen asteikko otsikoille, leipätekstille, kuvatekstille ja numeroille; komponenttisivu, jossa on painikkeet, syötteet, kortit, navigaatio, tunnisteet ja tyhjät tilat; sekä kaksi responsiivista asetteluesimerkkiä työpöytä- ja mobiilimittasuhteilla. Pidä järjestelmä visuaalisesti yhtenäisenä, muokattavana ja sopivana SaaS-tuotteelle, creator-työkalulle, verkkokauppabrändille tai sisäiselle dashboardille. Käytä realistista paikkamerkkitekstiä vain tarvittaessa ja pidä etiketit riittävän lyhyinä, jotta ne pysyvät luettavina. Vältä oikeita logoja, kopioituja design-järjestelmiä, brändinimiä joita käyttäjä ei ole antanut, vääristynyttä typografiaa, epäjohdonmukaista välistystä, yhteensopimattomia varjoja, koristeellista sekavuutta, saavutettavuuden kannalta heikkoa kontrastia ja komponenttiesimerkkejä, jotka rikkovat ruudukon.
Käyttömuistiinpanot
Korvaa tuotetyyppi, brändin sävy, palettisuunta, komponenttilista, asetteluesimerkit ja saavutettavuusvaatimukset ennen ajamista.
Promptin UKK
Määritä tuotetyyppi, brändin sävy, peruspaletti, typografian luonne, komponenttien laajuus ja se, pitäisikö esimerkkien tuntua enemmän markkinointivetoisilta vai dashboard-vetoisilta.
Se luo visuaalisen tyylijärjestelmätaulun tutkimista ja esittämistä varten. Tarkista välistys, kontrasti, typografia ja komponenttien käyttäytyminen ennen kuin muutat sen tuotannon UI-tokeneiksi.
Tarkista, että etiketit ovat luettavia, väriswatchit erottuvat toisistaan, tyyppihierarkia on selkeä, komponentit käyttävät samaa välistyslogiikkaa eikä todellista brändijärjestelmää ole kopioitu.
Lisää promptteja tässä moodissa