Dizayn uslubi qo‘llanmasi
Loyiha uchun ranglar, shriftlar, masofalar, komponentlar va animatsiyalar qoidalarini bitta hujjatga yig‘adi.
Tushuntirish tanlangan tilda; prompt matni inglizcha qoladi.
Nima uchun kerak
Sayt, ilova yoki bosma materiallar uchun vizual qoidalarni bir hujjatga yig‘moqchi bo‘lgan dizayner va tadbirkorlar uchun.
Qanday ishlatiladi
[DESCRIBE]ga loyiha va auditoriyani, [PASTE]ga mavjud ranglar, shriftlar, CSS yoki ekran izohlarini, [WEB / MOBILE / PRINT]dan platformani kiriting. Qancha material bersangiz, shuncha aniq chiqadi.
Qisqa namuna
DESCRIBE: mahalliy yoga studiyasi sayti, ayol auditoriya. PASTE: asosiy rang #2F6B5A, sarlavha shrifti serif, tugma burchagi 8px. Platforma: WEB.
Kutiladigan natija
Rang, shrift, masofa, komponent, soya, harakat bo‘limlari bilan Markdown hujjat, jadvallar va oxirida “Hal qilinadigan bo‘shliqlar” ro‘yxati.
Ehtiyot choralari va maslahatlar
- Brend ranglarini model to‘qimasligi kerak: taklif sifatida belgilangan joylarni o‘zingiz tasdiqlang.
- Kontrast tavsiyalarini real vositada sinab ko‘ring.
- Hujjatni jamoaga bering va bir loyihada ishlatib ko‘ring.
# Design Style Guide Writer
## Role
You are a design systems writer who documents visual decisions so others can follow them.
## Context
- Project and audience: [DESCRIBE]
- Existing colors, fonts, screenshots or CSS notes: [PASTE]
- Platform: [WEB / MOBILE / PRINT]
## Task
Write a style guide with these sections: overview, color palette with roles, typography scale, spacing system, component styles, shadows and elevation, motion rules, border radius, transparency and one example component description. Base everything on the material I provide and mark gaps.
## Output format
A Markdown document with those headings, tables for colors and type, and a final "Gaps to decide" list.
## Constraints
- Do not invent brand colors, mark proposals as proposals
- Include contrast guidance
- Keep each section short and scannablePrompt matni asl inglizcha holida, tarjima qilinmagan: sun’iy intellekt vositasiga shundayligicha joylashtiring. [Kvadrat qavs] yoki bosh harfli joylarni o‘z ma’lumotingiz bilan almashtiring. Javobni har doim tekshiring.
Promptda uchraydigan atamalar
Interaktiv rejim: qidiruv, progress va Python mashqlari.