Letters
هڪ کليل هوا واري ڪلينڪ ۾ صبح جو اپائنٽمينٽ - هڪ نرم نيري ڇت هيٺان هڪ جراثيم کان پاڪ سفيد ٽيبل، سرجري جي نيري اوزارن سان ڀريل.
ليٽرز هڪ طبي خط لکڻ جو اوزار آهي جيڪو هڪ گريڊينٽ اوپن اسڪائي هيڊر سان شروع ٿئي ٿو - هڪ نرم، فضائي نيرو پٽي جيڪو هڪ پرسکون، ڪلينڪل ماحول پيدا ڪري ٿو - هڪ صاف سفيد ڪم جي جڳهه ڏانهن منتقل ٿيڻ کان اڳ. سسٽم هڪ مونوڪروم انداز ۾ ٺهيل آهي: هڪ صاف اڇو ڪينواس، ويجهو ڪارو متن (#070709)، ڪارو گولي جي شڪل ۾ ڪال ٽو ايڪشن، ۽ گول ڪارڊ جيڪي نفيس ترين پاڇن تي ترندا آهن. هڪ واحد روشن نيرو (#2597d0) فنڪشنل پنڪچر لاءِ محفوظ آهي - آئڪن، مائڪروگرافڪس، ويوفارم پليئرز - ڪڏهن به بٽڻن يا وڏي فلز لاءِ استعمال نه ڪيو ويندو آهي. ٽائپوگرافي اوپن رنڊي استعمال ڪري ٿي، هڪ جاميٽري هيومنسٽ سينز-سيريف وڏي اسڪرين سائيز تي جارحاڻي منفي خط جي فاصلي سان (-0.04em 80px تي)، جيڪو هيڊرز کي اعتماد واري بلاڪ ۾ دٻائي ٿو. اجزاء هلڪو محسوس ڪن ٿا، هڪ طبي اوزار وانگر: پتلي بيزلز، سخي ڪارڊ اسپيسنگ، گولي جي شڪل وارا بٽڻ، ۽ بلندي جو هڪ محتاط استعمال جيڪو آسمان جي شڪل واري هيڊر کي جذباتي ڪم ڪرڻ جي اجازت ڏئي ٿو.
هڪ آسماني نيرو گريڊينٽ هوم پيج صفحي جي پوري ويڪر تي پکڙيل آهي، هڪ مرڪزي عنوان ۽ ذيلي متن سان، ۽ هيٺ هڪ ڪال-ٽو-ايڪشن بٽڻ سان. اهو آساني سان هڪ اڇي مواد واري علائقي ۾ منتقل ٿئي ٿو جنهن ۾ حصن جي وچ ۾ وڏي فاصلي (80-120px) آهي. فيچر سيڪشن برابر تناسب جي وڏن، گول ڪارڊن (18-32px ريڊيس) جي ٻن ڪالمن واري گرڊ کي استعمال ڪن ٿا. سيڪشن هيڊنگ هميشه مرڪز ۾، هڪ ڪالم ۾، ڪارڊ گرڊ جي مٿان هوندا آهن. نيويگيشن هڪ مقرر ٿيل اڇو ٽاپ بار آهي جنهن ۾ لنڪس جو هڪ مرڪزي ڪلسٽر ۽ ساڄي طرف ترتيب ڏنل لاگ ان عمل آهن. مجموعي تال هڪ واحد، ماحولي مکيه پٽي آهي، پوءِ متبادل اڇو ۽ #f5f5f5 سيڪشن مسلسل عمودي سانس جي جڳهه سان. ڪو به سائڊبار ناهي، ڪو به ميگا مينيو ناهي، ڪو به غير متناسب ترتيب ناهي - صفحو هڪ پرسکون، هم وقت ساز ڪالم وانگر محسوس ٿئي ٿو.
بصري ڊيزائن تقريبن مڪمل طور تي پراڊڪٽ جي يوزر انٽرفيس تي مرکوز آهي - نه طرز زندگي جون تصويرون، نه ئي خلاصو 3D رينڊرز. بصري ٻولي پراڊڪٽ ڪارڊن جي چوڌاري ٺهيل آهي جيڪا ايپ جي اصلي انٽرفيس کي ڏيکاري ٿي: دستاويزن جو هڪ "اڳ" ۽ "بعد" مقابلو، هڪ ڊاٽ ٿيل بارڊر سان هڪ لوڊنگ ايريا، ۽ هڪ آڊيو پليئر هڪ ويوفارم جي صورت ۾. واحد فضائي بصري عنصر مکيه تصوير ۾ آسمان جي گريڊينٽ آهي. آئڪن فليٽ، سنگل رنگ #2597d0 لائن آئڪن (لفافو، مائڪروفون، چيڪ مارڪ) هڪجهڙائي لائن وزن سان آهن، ڀريل تبديلين کان سواءِ. تصوير جو انداز محدود آهي: پراڊڪٽ ميڪ اپ هڪ اڇي پس منظر تي ڏيکاريا ويا آهن، کوٽائي پيدا ڪرڻ لاءِ ٿورو گھمايو ويو آهي، ڪڏهن به تيزيءَ سان نه جهڪيل آهي. هڪ هٿ سان لکيل فونٽ (دي ڊاڪٽر) واحد نامياتي/هٿ سان ٺهيل عنصر آهي، جيڪو صرف "اڳ" ڪارڊ تي ڪلينڪل هٿ سان لکيل کي ظاهر ڪرڻ لاءِ استعمال ڪيو ويندو آهي.
پيليٽ
برانڊ
- Surgical Blue
#2597d0— آئڪن، هڪ مائڪروفون آئڪن، هڪ سائونڊ ويو پليئر، ۽ ننڍڙا فنڪشنل تلفظ سڄي انٽرفيس ۾ هڪ واحد ڪروميٽ نوٽ ٺاهيندا آهن.
غير جانبدار
- Obsidian
#070709— باڊي ڪاپي، ڀريل ڪال-ٽو-ايڪشن بٽڻ، ۽ ڳاڙهو UI عنصر - سفيد پس منظر جي برعڪس کي نرم ڪرڻ لاءِ خالص #000 جي بدران ويجهو ڪارو چونڊيو ويو آهي. - Paper White
#ffffff— صفحي جو پس منظر، ڪارڊ جي مٿاڇري، ۽ بٽڻ جو متن مکيه عنصر جي هيٺان سڀني حصن لاءِ مکيه ڪينواس آهن. - Cloud Gray
#f5f5f5— اضافي ڪارڊ سطحون ۽ سيڪشن پس منظر مکيه ڪينواس کان فنڪشنل بلاڪ کي الڳ ڪن ٿا. - Sky Tint
#d7e6f5— ڪارڊ بورڊ جي فريم جو ڇانو ۽ مٿاڇري جو مشڪل سان نظر ايندڙ نيرو رنگ، ڀوري رنگ جي بدران ماحول جو احساس پيدا ڪري ٿو. - Charcoal
#60606c— پرائمري ٽيڪسٽ، سيڪنڊري ٽيڪسٽ، ۽ خاموش بارڊر - غير سرنگ واري مواد لاءِ هڪ غالب غير جانبدار رنگ. - Slate
#8b8b8b— معمولي متن ۽ غير فعال سرحدي رياستون - جڳهن جي نشاندهي ڪرڻ ۽ معذور ماڻهن لاءِ رسائي کي يقيني بڻائڻ لاءِ استعمال ٿينديون آهن.
ٽائپوگرافي
12 کان 80 پکسلز تائين · 8 مرحلا
- sans-serif — متبادل: Inter · خاڪا 400, 700 · sans-serif - ڪڍيل ڊيٽا ۾ مليو پر AI پاران بيان نه ڪيو ويو آهي.
- Open Runde — متبادل: Inter Tight · خاڪا 400, 500, 600, 700, 900 · هيڊنگ ۽ نيويگيشن لاءِ بنيادي فونٽ هڪ جاميٽري هيومنسٽ آهي، وڏي سائيز تي سخت اکرن جي فاصلي سان؛ 80px تي -0.04em هيڊنگ کي هڪ واحد، پراعتماد بلاڪ ۾ دٻائي ٿو. سڀني هيڊنگ، نيويگيشن، ۽ وڏي ٽيڪسٽ لاءِ استعمال ڪريو.
- Inter — متبادل: system-ui · خاڪا 400, 500 · ثانوي جسم ۽ UI متن - ننڍن عنوانن، نيويگيشن عنصرن، ۽ ان لائن لنڪس لاءِ استعمال ڪيو ويندو آهي جتي وڌيڪ غير جانبدار پڙهڻ جي تال گهربل آهي. درجه بندي جي برعڪس ٺاهڻ لاءِ اوپن رنڊي سان جوڙو ٺاهي ٿو.
وقفا ۽ شڪل
| مقصد | مطلب |
|---|---|
| کثافت | ڳرو |
| بنيادي قدم | 12-16px |
| بٽڻ جو ريڊيس | 100px |
| ڪارڊ جو ريڊيس | 18px |
| پاڇا | پاڇن جي بدران ڪو به بارڊر نه |
| حصن جي وچ ۾ | 80-120px |
| صفحي جي ويڪر | 1200px |
AI توهان جي ويب سائيٽ Letters انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- Integrated Biosciences — اڌ رات جو بايولومينسينس ليبارٽري
- Mintlify — شيشي جي ٽيبل مٿان ڪڪرن جو باغ. هٿ سان ٺهيل آسمان ۽ دستاويزي فلم گڏجي فريم ٿيل آهن - واحد جڳهه جتي رنگ ۽ تصور ٽڪرائجي ويندا آهن ان کان اڳ جو صفحو خانقاه جي اڇي رنگ ۾ تبديل ٿي وڃي.
- Gleap — هڪ ڪم جي جڳهه جيڪا گرم ڪريم ٽون ۾ گريفائٽ لہجن سان سينگاريل آهي - هڪ اسٽوڊيو جتي ميٽ ڪاري مس جا نقطا لينن آرڪيٽيڪچر جي مٿان ترندا نظر اچن ٿا.
- Render — ڊيزائن برش ٿيل ايلومينيم تي آهي. انٽرفيس هڪ صاف، جاميٽري انجنيئرنگ دستاويز وانگر محسوس ٿئي ٿو - اڇو جڳهه، پتلي لائينون، ۽ هڪ واحد جامني لڪير جيڪا عمل ڏانهن ڌيان ڇڪائي ٿي.
- Grafbase — ٿڌي سنگ مرمر تي انجنيئرنگ ڊرائنگ
- Slash — سون جي ٿيل ليجرن سان اڌ رات جو خزانو
- Modal — هڪ اونداهي سرور روم ۾ هڪ فاسفورسنٽ ٽرمينل - روشني جو واحد ذريعو هڪ روشن سائو رنگ آهي.
- Whimsical — ليوينڊر پس منظر تي امير آلو بخارا جي مس - هڪ تخليقي اسٽوڊيو نوٽ بڪ جيڪو ٽيڪنيڪل وائيٽ بورڊ جي طور تي ڪم ڪري ٿو.
- AgentQL — رات جو ٽرمينل مٿان اترين روشنيون
- Alveos One — دريائي پٿرن مان ٺهيل هڪ آرامده پناهه گاهه - هڪ خاموش، ڪريمي روشنيءَ وارو مراقبي جو ڪمرو جتي هڪ گريفائيٽ شيءِ نرم امبر چمڪ ۾ آرام ڪري ٿي.
- GitHub — هڪ خلائي ڪمانڊ پينل جنهن ۾ بايولومينسينٽ ڪنٽرول پوائنٽس آهن - هڪ اونداهو، فضائي ڪم جي جڳهه جتي هڪ سائي چمڪ اڳتي وڌڻ جو رستو ڏيکاري ٿي.
- Buddy — گراف پيپر تي هڪ انجنيئرنگ ڊرائنگ. اڇي ڊرائنگ جي مٿاڇري تي هڪ مشڪل سان نظر ايندڙ گرڊ لڳل آهي، جيڪو تقريباً ڪاري مس ۾ لڳايو ويو آهي، فلوروسينٽ لائم-سائي نشانن ۽ آئرڊيسنٽ گريڊينٽ اسٽروڪ سان.