
Plansa de sistem de stil UI
Creeaza o plansa multi-pagina de sistem de stil UI, cu grila de 8px, tokenuri de culoare, scara tipografica, stari de componente si exemple de layout aliniate.
Prompt de imagine
Seedream 5.0 Lite
Sablon de prompt imagine
Previzualizare
Prompt de imagine

Previzualizare pentru Plansa de sistem de stil UI, axata pe consecventa sistemului, aliniere pe grila, tokenuri editabile si exemple UI pregatite pentru produs.
Prompt complet
Plansa de sistem de stil UI
Plansa multi-pagina de sistem de stil UI, cu grila 8px, tokenuri de culoare, scara tipografica, componente si layouturi responsive.
Creeaza o plansa multi-pagina polishata de sistem de stil UI pentru [PRODUCT_OR_BRAND]. Prezinta sistemul ca un set coerent de pagini de design pe un singur canvas curat de previzualizare. Foloseste o grila stricta de spatiere de 8px, margini consecvente, aliniere precisa si o ierarhie clara pe fiecare pagina. Include un panou de tokenuri de culoare cu swatch-uri primare, secundare, neutre, semantice si de fundal; o scara tipografica cu stiluri pentru heading, body, caption si numere; o fisa de componente cu butoane, inputuri, carduri, navigatie, badge-uri si stari goale; si doua exemple de layout responsive care arata proportii desktop si mobile. Pastreaza sistemul consecvent vizual, editabil si potrivit pentru un produs SaaS, instrument de creator, brand ecommerce sau dashboard intern. Foloseste copy placeholder realist doar unde este necesar si pastreaza etichetele suficient de scurte pentru a ramane lizibile. Evita logo-urile reale, sistemele de design copiate, numele de brand nefurnizate de utilizator, tipografia deformata, spatierea inconsecventa, umbrele nepotrivite, aglomerarea decorativa, contrastul inaccesibil si exemplele de componente care rup grila.
Note de utilizare
Inlocuieste tipul produsului, tonul brandului, directia paletei, lista de componente, exemplele de layout si cerintele de accesibilitate inainte de rulare.
Întrebări frecvente despre prompt
Înainte să folosești acest prompt
Verificări rapide pentru intrări, potrivirea modelului și modul de adaptare a șablonului fără să slăbești rezultatul.
Ce ar trebui sa personalizez mai intai?
Defineste tipul produsului, tonul brandului, paleta de baza, personalitatea tipografiei, aria componentelor si daca exemplele trebuie sa para orientate spre marketing sau spre dashboard.
Poate acest prompt sa creeze un sistem de design utilizabil?
Creeaza o plansa vizuala de sistem de stil pentru explorare si prezentare. Revizuieste spatierea, contrastul, tipografia si comportamentul componentelor inainte de a o transforma in tokenuri UI de productie.
Ce ar trebui sa verific inainte de publicarea imaginii?
Verifica daca etichetele sunt lizibile, swatch-urile de culoare sunt distincte, ierarhia tipografica este clara, componentele impart aceeasi logica de spatiere si nu a fost copiat niciun sistem de brand real.
Mai multe prompturi în acest mod

