Prompt library-তে ফিরে যান
Prompt libraryImage Prompt
UI Style System Board প্রম্পট
8px grid, color tokens, typography scale, component states, এবং aligned layout examples সহ multi-page UI style system board তৈরি করুন।
Design systemUI kitTypography
Preview
Image Prompt
Recommended model
Seedream 5.0 Lite
Output format
Image prompt template
Preview
Image Prompt
System consistency, grid alignment, editable tokens, এবং product-ready UI examples-এ ফোকাস করা UI Style System Board preview।
সম্পূর্ণ প্রম্পট
UI Style System Board প্রম্পট
8px grid, color tokens, typography scale, components, এবং responsive layouts সহ multi-page UI style system board।
Recommended model: Seedream 5.0 LiteOutput format: Image prompt template
সম্পূর্ণ প্রম্পট
Image Prompt[PRODUCT_OR_BRAND]-এর জন্য একটি polished multi-page UI style system board তৈরি করুন। System-টি এক clean preview canvas-এ cohesive design pages-এর set হিসেবে উপস্থাপন করুন। প্রতিটি page-এ strict 8px spacing grid, consistent margins, precise alignment, এবং clear hierarchy ব্যবহার করুন। Primary, secondary, neutral, semantic, এবং background swatches সহ color token panel অন্তর্ভুক্ত করুন; heading, body, caption, এবং numeric styles সহ typography scale অন্তর্ভুক্ত করুন; buttons, inputs, cards, navigation, badges, এবং empty states সহ component sheet অন্তর্ভুক্ত করুন; এবং desktop ও mobile proportions দেখানো দুইটি responsive layout example যোগ করুন। System-টি visually consistent, editable, এবং SaaS product, creator tool, ecommerce brand, বা internal dashboard-এর উপযোগী রাখুন। শুধুমাত্র দরকার হলে realistic placeholder copy ব্যবহার করুন, এবং labels এত ছোট রাখুন যেন readable থাকে। Real logos, copied design systems, ব্যবহারকারী না দিলে brand names, distorted typography, inconsistent spacing, mismatched shadows, decorative clutter, inaccessible contrast, এবং grid ভেঙে ফেলে এমন component examples এড়িয়ে চলুন।
ব্যবহারের নোট
চালানোর আগে product type, brand tone, palette direction, component list, layout examples, এবং accessibility requirements বদলে দিন।
প্রম্পট FAQ
এই prompt ব্যবহার করার আগে
Input, model fit এবং result দুর্বল না করে template adapt করার উপায় দ্রুত যাচাই করুন।
প্রথমে কী customize করা উচিত?
Product type, brand tone, base palette, typography personality, component scope, এবং examples marketing-led নাকি dashboard-led হবে তা নির্ধারণ করুন।
এই prompt কি usable design system তৈরি করতে পারে?
এটি exploration এবং presentation-এর জন্য visual style-system board তৈরি করে। Production UI tokens-এ রূপান্তরের আগে spacing, contrast, typography, এবং component behavior review করুন।
Image publish করার আগে কী check করা উচিত?
Labels readable কি না, color swatches আলাদা কি না, type hierarchy পরিষ্কার কি না, components একই spacing logic অনুসরণ করছে কি না, এবং কোনো real brand system copy হয়েছে কি না পরীক্ষা করুন।
এই mode-এর আরও prompt