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
تصویری prompt template
Preview
Image Prompt
UI Style System Board کا preview، system consistency، grid alignment، editable tokens، اور product-ready UI examples پر مرکوز۔
Full prompt
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: تصویری prompt template
Full prompt
Image Prompt[PRODUCT_OR_BRAND] کے لیے polished multi-page UI style system board بنائیں۔ system کو ایک clean preview canvas پر design pages کے cohesive set کے طور پر present کریں۔ ہر 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 examples شامل کریں۔ system کو visually consistent، editable، اور SaaS product، creator tool، ecommerce brand، یا internal dashboard کے لیے suitable رکھیں۔ realistic placeholder copy صرف جہاں ضرورت ہو استعمال کریں، اور labels اتنے مختصر رکھیں کہ readable رہیں۔ real logos، copied design systems، user کی طرف سے نہ دیے گئے brand names، distorted typography، inconsistent spacing، mismatched shadows، decorative clutter، inaccessible contrast، اور grid توڑنے والی component examples سے گریز کریں۔
Usage notes
چلانے سے پہلے product type، brand tone، palette direction، component list، layout examples، اور accessibility requirements بدل دیں۔
Prompt FAQ
یہ prompt استعمال کرنے سے پہلے
Inputs، model fit اور template adapt کرنے کے طریقے کو جلد check کریں تاکہ result کمزور نہ ہو۔
سب سے پہلے مجھے کیا customize کرنا چاہیے؟
product type، brand tone، base palette، typography personality، component scope، اور یہ define کریں کہ 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 distinct ہیں، type hierarchy clear ہے، components ایک ہی spacing logic share کرتے ہیں، اور کوئی real brand system copy نہیں ہوا۔
اس mode میں مزید prompts