Figma
رنگين افراتفري لاءِ مونوڪروم چيسس
انٽرفيس هڪ سخت، اعليٰ برعڪس ساختي ڪنٽينر جي طور تي ڪم ڪري ٿو، جيڪو صارف جي ٺاهيل مواد کي مڪمل بصري غلبو ڏئي ٿو. بيس لائين هڪ سخت #000000 کان #ffffff پيليٽ آهي، جيڪو بنيادي سرحدن ۽ متن لاءِ مطلق وڌ ۾ وڌ برعڪس جي حق ۾ گرين جي نازڪ رنگن کي رد ڪري ٿو. ٽائپوگرافڪ هيرارڪي تقريبن مڪمل طور تي سائيز ۽ جارحاڻي منفي خط جي فاصلي تي ٻڌل آهي رنگ جي مختلف قسمن جي بدران، متن جي وڏين لائينن کي گهاٽي گرافڪ بلاڪ ۾ تبديل ڪري ٿو. بارڊر ريڊيس جو منطق هڪ سخت ڊائيٽوٽومي پيدا ڪري ٿو: عالمي نيويگيشن عنصرن لاءِ 50px ٻاهرين "ناخن" جان بوجھ ڪري مواد ڪنٽينرز جي سخت 0px ڪنڊن سان برعڪس آهن.
ڪمپوزيشن انتهائي وڌ ۾ وڌ ويڪر واري سرحدن (1440px وڌ ۾ وڌ) تي ٻڌل آهن جيڪي ويو پورٽ کي مرڪز بڻائين ٿيون ۽ انهن ۾ مواد جا گھڻا ڪلسٽر شامل آهن جيڪي وڏي ميڪرو اسپيس (سيڪشن جي وچ ۾ 96-120px وائيٽ اسپيس) سان الڳ ٿيل آهن. "هيرو" آرڪيٽائپ اڪثر ڪري هڪ سچل، مڪمل طور تي مرڪز ٿيل UI بلاڪ جي هيٺان متحرڪ طور تي لنگر انداز ٿيل تصويرن جي هڪ غير متناسب گيلري کي استعمال ڪندو آهي. فولڊ جي هيٺان، معلومات فوري طور تي هڪ سخت چار ڪالمن گرڊ سان مطابقت رکي ٿي بغير ڪنهن مارجن جي، ڪارڊن جي ورجائيندڙ ڪلسٽر کي فريم ڪندي، فريم مان مارجن کي ختم ڪندي اعتراض جي کثافت کي وڌ کان وڌ ڪندي.
بصري ڊيزائن استعمال ڪندڙ تي ڌيان ڏيڻ وارن نتيجن تي ٻڌل آهي. تصويرون فليٽ، فريم کان سواءِ چورس يا ٽڙيل پکڙيل، اوورليپنگ ٽڪرن جي طور تي ڏيکاريون وينديون آهن، جسماني شين جي ياد ڏياريندڙ، هڪ سخت، خالي پس منظر جي خلاف. تصويرون ويب سائيٽ تي رنگ جو واحد ذريعو آهن. ڪو به طرز زندگي جي فوٽوگرافي عنصر يا معياري ڪارپوريٽ عڪس نه آهن - هر گرافڪ عنصر هڪ ڊجيٽل ڪينواس جو هڪ صحيح، لفظي سنيپ شاٽ آهي، هڪ ئي وقت پراڊڪٽ پروف ۽ هڪ بنيادي جمالياتي عنصر طور ڪم ڪري رهيو آهي.
پيليٽ
برانڊ
- Context Action Violet
#4d49fc— ذيلي پينلن اندر مقامي پرائمري ڪال ٽو ايڪشن - هڪ واحد مداخلتي رنگ مرڪزي نقطي کي بيان ڪري ٿو.
غير جانبدار
- Absolute Canvas
#ffffff— صفحي جو پس منظر، سچل ٽول بار، مٿي ڪيل پينل بيس. - Structural Ink
#000000— بنيادي فونٽ، مضبوط بٽڻ جو پس منظر، بٽڻ جو خاڪو. - Graphite Metadata
#595959— ثانوي ليکڪ متن، مقامي ذيلي متن، جڳهه هولڊر قدر - Boundary Frame
#e2e2e2— نازڪ جدا ڪندڙ ۽ غير فعال ان پٽ فيلڊ حدون. - Angular Teal
#33dfdf— آرائشي اثرات، لوڊنگ اشارا ۽ فعال ڪرسر ويزوئلائيزيشن.
ٽائپوگرافي
12 کان 72px تائين · 6 مرحلا
- figmaSans — متبادل: Inter · خاڪا 320, 330, 340, 400, 450, 480, 520, 700 · هڪ ورسٽائل ٽول جيڪو ڊسپلي عنوانن کان وٺي نيويگيشن ليبلز تائين هر شيءِ کي منظم ڪري ٿو. اهو آپٽيڪل نيگيٽو ٽريڪنگ کي تبديل ڪندي هڪ منفرد نظر پيدا ڪري ٿو.
- figmaMono — متبادل: JetBrains Mono · خاڪا 400 · مائڪرو ٽيگ، ڪوآرڊينيٽ ٽريڪنگ، ۽ ٽيڪنيڪل اوورٽون جيڪي مواد جي ڀيٽ ۾ يوزر انٽرفيس عنصرن جي طور تي وڌيڪ ڪم ڪن ٿا.
وقفا ۽ شڪل
| مقصد | مطلب |
|---|---|
| کثافت | ڳرو |
| بنيادي قدم | 24px |
| بٽڻ جو ريڊيس | 8px |
| ڪارڊ جو ريڊيس | 12px |
| پاڇا | پاڇن جي بدران ڪو به بارڊر نه |
| حصن جي وچ ۾ | 96-120px |
| صفحي جي ويڪر | 1440px |
AI توهان جي ويب سائيٽ Figma انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- Caldera — گرم چونا پٿر تي باهه ٻاريو. ڪينواس خام، گرم پلستر جو ٺهيل آهي، ۽ هر نارنگي عنصر مٿاڇري تي دٻايل ٻرندڙ انگارن وانگر نظر اچي ٿو.
- Vercel — اڇي ڪاغذ تي ڇپيل ٽرمينل
- Dylanbrouwer — سج لهڻ وقت وحشي فاؤنڊيري
- Headspace — گرم ڪاغذ تي هڪ سج وارو صحت وارو ڪنڊ
- WHOOP — اڌ رات جو پرفارمنس ليبارٽري - ڪاري ٿيٽرل خالي جاءِ هيٺ اڇيون ڪلينڪل ليبارٽري ٽيبلون، بجلي جو هڪ واحد جامني نبض
- (dot)connect — ڪوئلي جي هڪ ٽڪري سان سوئس انجنيئرنگ ڊرائنگ
- Together AI — برفاني ڪاغذ تي ريسرچ ڪنسول
- Vivid+Co — اوبسيڊين ذريعي پرزميٽڪ روشني
- Sequel — اونداهي سينيما ۾ اونداهي کان پوءِ هڪ خانگي اسڪريننگ واحد گرم روشني آهي.
- v0 by Vercel — ليٿ ڊرائنگ. درستگي ۽ ڪارڪردگي تمام ضروري آهن، هر عنصر صاف، ٽيڪنيڪل طور تي مڪمل مٿاڇري تي هڪ واضح مقصد جي خدمت ڪري ٿو.
- ThoughtLab — هڪ اوبسيڊين يادگار جنهن ۾ ڳاڙهي رنگ جو سگنل آهي. ڪاري خالي پن جو هڪ ڪينواس، جتي ڪيٿڊرل ۾ واحد ڳاڙهي شيءِ، جيڪا وڏن سفيد اکرن ۾ ڇپيل آهي، هڪ واحد رنگين شڪل آهي.
- Dovetail — ڪاري چنڊ هيٺان هڪ نقشو - مشڪل سان نظر ايندڙ گراف لائينون، اڇو فونٽ، هڪ جامني چمڪ