Înapoi la biblioteca de prompturi
Bibliotecă de prompturiPrompt de imagine

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.

Sistem de designUI kitTipografie
Previzualizare

Prompt de imagine

Model recomandat

Seedream 5.0 Lite

Format rezultat

Sablon de prompt imagine

Previzualizare

Prompt de imagine

Previzualizare de plansa de sistem de stil UI, aratand tokenuri de culoare, scara tipografica, stari de componente si exemple de layout responsive.

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.

Model recomandat: Seedream 5.0 LiteFormat rezultat: Sablon de prompt imagine
Prompt complet
Prompt de imagine
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