Rivya AI
Skapa en flersidig tavla för UI-stilsystem med 8px-rutnät, färgtokens, typografisk skala, komponenttillstånd och linjerade layoutexempel.
Förhandsvisning
Bildprompt
Förhandsvisning för tavla med UI-stilsystem, med fokus på systemkonsekvens, rutnätslinjering, redigerbara tokens och produktklara UI-exempel.
Flersidig tavla för UI-stilsystem med 8px-rutnät, färgtokens, typografisk skala, komponenter och responsiva layouter.
Skapa en polerad flersidig tavla för UI-stilsystem för [PRODUCT_OR_BRAND]. Presentera systemet som en sammanhållen uppsättning designsidor på en ren förhandsvisningscanvas. Använd ett strikt 8px-avståndsrutnät, konsekventa marginaler, precis linjering och en tydlig hierarki på varje sida. Inkludera en panel för färgtokens med primära, sekundära, neutrala, semantiska och bakgrundsswatchar; en typografisk skala med rubrik-, brödtext-, bildtext- och numeriska stilar; ett komponentblad med knappar, inmatningsfält, kort, navigation, badges och tomma tillstånd; samt två responsiva layoutexempel som visar proportioner för desktop och mobil. Håll systemet visuellt konsekvent, redigerbart och lämpligt för en SaaS-produkt, ett creator-verktyg, ett e-handelsvarumärke eller en intern dashboard. Använd realistisk platshållartext endast där det behövs och håll etiketter tillräckligt korta för att förbli läsbara. Undvik verkliga logotyper, kopierade designsystem, varumärkesnamn som användaren inte har angett, förvrängd typografi, inkonsekventa avstånd, skuggor som inte passar ihop, dekorativt plotter, otillgänglig kontrast och komponentexempel som bryter rutnätet.
Användningstips
Byt ut produkttyp, varumärkeston, palettriktning, komponentlista, layoutexempel och tillgänglighetskrav innan du kör prompten.
Prompt-FAQ
Definiera produkttyp, varumärkeston, baspalett, typografisk personlighet, komponentomfång och om exemplen ska kännas marknadsdrivna eller dashboard-drivna.
Den skapar en visuell stilsystemtavla för utforskning och presentation. Granska avstånd, kontrast, typografi och komponentbeteende innan du omvandlar den till produktionsklara UI-tokens.
Kontrollera att etiketter är läsbara, färgswatchar är tydliga, typhierarkin är klar, komponenter delar samma avståndslogik och inget verkligt varumärkessystem har kopierats.
Fler prompter i detta läge
