Rivya AI
8px grid, color tokens, typography scale, component states, এবং aligned layout examples সহ multi-page UI style system board তৈরি করুন।
প্রিভিউ
ছবির প্রম্পট
System consistency, grid alignment, editable tokens, এবং product-ready UI examples-এ ফোকাস করা UI Style System Board preview।
8px grid, color tokens, typography scale, components, এবং responsive layouts সহ multi-page UI style system board।
[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
Product type, brand tone, base palette, typography personality, component scope, এবং examples marketing-led নাকি dashboard-led হবে তা নির্ধারণ করুন।
এটি exploration এবং presentation-এর জন্য visual style-system board তৈরি করে। Production UI tokens-এ রূপান্তরের আগে spacing, contrast, typography, এবং component behavior review করুন।
Labels readable কি না, color swatches আলাদা কি না, type hierarchy পরিষ্কার কি না, components একই spacing logic অনুসরণ করছে কি না, এবং কোনো real brand system copy হয়েছে কি না পরীক্ষা করুন।
এই ধরনের আরও প্রম্পট
