Zpět do knihovny promptů
Knihovna promptůObrazový prompt

Nástěnka UI stylového systému

Vytvořte vícestránkovou nástěnku UI stylového systému s 8px mřížkou, barevnými tokeny, typografickou škálou, stavy komponent a zarovnanými příklady rozvržení.

Design systémUI sadaTypografie
Náhled

Obrazový prompt

Doporučený model

Seedream 5.0 Lite

Formát výstupu

Šablona obrázkového promptu

Náhled

Obrazový prompt

Náhled nástěnky UI stylového systému ukazující barevné tokeny, typografickou škálu, stavy komponent a responzivní příklady rozvržení.

Náhled pro nástěnku UI stylového systému zaměřený na systémovou konzistenci, zarovnání k mřížce, upravitelné tokeny a UI příklady připravené pro produkt.

Celý prompt

Nástěnka UI stylového systému

Vícestránková nástěnka UI stylového systému s 8px mřížkou, barevnými tokeny, typografickou škálou, komponentami a responzivními rozvrženími.

Doporučený model: Seedream 5.0 LiteFormát výstupu: Šablona obrázkového promptu
Celý prompt
Obrazový prompt
Vytvořte vyladěnou vícestránkovou nástěnku UI stylového systému pro [PRODUCT_OR_BRAND]. Představte systém jako soudržnou sadu designových stránek na jednom čistém náhledovém plátně. Na každé stránce použijte přísnou 8px mřížku rozestupů, konzistentní okraje, přesné zarovnání a jasnou hierarchii. Zahrňte panel barevných tokenů s primárními, sekundárními, neutrálními, sémantickými a podkladovými vzorníky; typografickou škálu se styly nadpisů, textu, popisků a čísel; list komponent s tlačítky, vstupy, kartami, navigací, odznaky a prázdnými stavy; a dva responzivní příklady rozvržení ukazující desktopové a mobilní proporce. Udržte systém vizuálně konzistentní, upravitelný a vhodný pro SaaS produkt, nástroj pro tvůrce, ecommerce značku nebo interní dashboard. Realistický zástupný text používejte jen tam, kde je potřeba, a štítky nechte dost krátké, aby zůstaly čitelné. Vyhněte se skutečným logům, kopírování existujících design systémů, názvům značek, které uživatel nedodal, deformované typografii, nekonzistentním rozestupům, nesourodým stínům, dekorativnímu nepořádku, nepřístupnému kontrastu a příkladům komponent, které porušují mřížku.

Poznámky k použití

Před spuštěním nahraďte typ produktu, tón značky, směr palety, seznam komponent, příklady rozvržení a požadavky na přístupnost.

FAQ k promptu

Než tento prompt použijete

Rychlé kontroly vstupů, vhodnosti modelu a toho, jak šablonu upravit bez oslabení výsledku.

Co mám upravit jako první?

Definujte typ produktu, tón značky, základní paletu, charakter typografie, rozsah komponent a to, zda mají příklady působit spíše marketingově, nebo jako dashboard.

Dokáže tento prompt vytvořit použitelný design systém?

Vytváří vizuální nástěnku stylového systému pro průzkum a prezentaci. Před převodem na produkční UI tokeny zkontrolujte rozestupy, kontrast, typografii a chování komponent.

Co mám zkontrolovat před publikováním obrázku?

Ověřte, že jsou štítky čitelné, barevné vzorníky se jasně liší, typografická hierarchie je zřetelná, komponenty sdílejí stejnou logiku rozestupů a nebyl zkopírován skutečný systém značky.

Další prompty v tomto režimu