Huly
ناردرن لائيٽس ايٽ مڊ نائيٽ آبزرويٽري - مرڪزي ڪردار جامني رنگ جي هڪ عمودي شعاع آهي جيڪا مرجان ۾ تبديل ٿي رهي آهي، ۽ ان جي هيٺان هر خاموش حصو ساڳئي ٻن سرن واري ڪهاڻي کي قرض وٺي ٿو جيڪو وڌيڪ خاموش لهجي ۾ ٻڌايو ويو آهي.
هولي هڪ ڪائناتي ڪم جي جڳهه جي ماحول کي ظاهر ڪري ٿو: هڪ ڪارو ڪينواس سان هڪ واحد واڱڻائي-امبر چمڪ مکيه عنصر مان ڪٽيندي آهي، ۽ ان جي هيٺان، پيداوار وڌائڻ لاءِ هڪ وڌيڪ گهٽ گرڊ. سسٽم هڪ تنگ رنگ جي حد اندر ڪم ڪري ٿو - هڪ روشن نيرو ۽ هڪ مرجان پرت واري گريفائيٽ سطحن جي خلاف سڀ برانڊنگ ڪم ڪن ٿا، تنهنڪري ڊارڪ موڊ ڪڏهن به غير جانبدار محسوس نه ٿيندو آهي. ٽائپوگرافي هر ڪم لاءِ انٽر اسٽائل آهي، هڪ ڪسٽم فونٽ (Esbuild) اهم پوائنٽن لاءِ محفوظ آهي، 80-84px جي پچ ۽ جارحاڻي منفي خط جي فاصلي سان. اجزاء ڪيپسول جي شڪل ۾ آهن: ڪنٽرول تي 9999px ريڊي، ڪارڊن تي 12px، گهٽ ۾ گهٽ پاڇو، ۽ چمڪندڙ گريڊينٽ لائينون مکيه سينگار جي طور تي. صفحو مڪمل صفحي جي اونداهي علائقن ۽ پرسکون روشني حصن جي وچ ۾ متبادل ٿئي ٿو، تنهنڪري ڪنهن به نئين اسڪرين کي رنگ چونڊڻ کان اڳ موڊ تي فيصلو ڪرڻ گهرجي.
مڪمل ويڪر واري هوم پيج ۾ اترين روشنين جو عمودي شعاع ۽ کاٻي پاسي سان ترتيب ڏنل هيڊ لائن شامل آهي، ان سان گڏ هڪ پراڊڪٽ اسڪرين شاٽ هيٺان ساڄي پاسي رکيل آهي. هوم پيج جي هيٺان وڌ ۾ وڌ ويڪر، 1200px جو مواد وارو علائقو آهي، متبادل طور تي ڪارو ۽ هلڪو پٽيون. هر سيڪشن هڪ واحد عمودي بلاڪ آهي: هڪ هيڊر ۽ ڪارڊن جو 3- يا 4-ڪالمن گرڊ 96px جي فرق سان الڳ ٿيل آهي. "ميٽا برين" سيڪشن گرڊ کي هڪ مرڪزي هيڊ لائن ۽ مختلف سائزن جي ڪارڊن جي هڪ موزائيڪ سان ٽوڙي ٿو (هڪ وڏو مکيه ڪارڊ ۽ ننڍا سپورٽنگ ڪارڊ). صفحو مواد سان ڀريل آهي، SaaS معيارن تي عمل ڪندي، پر هر سيڪشن کي سانس وٺڻ لاءِ جڳهه ڏيڻ لاءِ متبادل اونداهي ۽ هلڪي پٽيون استعمال ڪندو آهي. نيويگيشن هڪ واحد شفاف ٽاپ بار آهي جيڪو توهان جي اسڪرول ڪرڻ سان مبهم ٿي ويندو آهي.
مکيه عنصر هڪ خالص اورورا گريڊينٽ آهي، جيڪو تصويرن کان خالي آهي. سڀئي تصويرون پراڊڪٽ جي UI (ڪارو موڊ ۾ ڪنبن، انباڪس، ڪئلينڊر) جا اصل اسڪرين شاٽ آهن، جيڪي ڪارڊ فريم ۾ فريم ٿيل آهن جيڪي ثبوت ۽ سينگار ٻنهي جي طور تي ڪم ڪن ٿا. ڪابه طرز زندگي جون تصويرون، ڪا اسٽاڪ تصويرون، ڪا 3D رينڊرز نه. واحد بصري عنصر جيڪو UI سان لاڳاپيل ناهي اهو اورورا جي بنياد تي هڪ گرم، ريڊيل سن برسٽ چمڪ آهي، جيڪو CSS گريڊينٽ جي طور تي پيش ڪيو ويو آهي. آئڪن #95979 ۾ مونوڪروم لائن آئڪن آهن يا اڇو، ڪڏهن به گھڻ رنگ نه. سسٽم پنهنجي ڊارڪ UI کي مکيه عنصر طور سمجهندو آهي - پراڊڪٽ تصويرون آهن.
پيليٽ
برانڊ
- Electric Iris
#5683da— مکيه پس منظر، فعال نيويگيشن اشاري، ۽ شاندار ناردرن لائيٽس جو لہجو - هڪ جيٽ-ڪاري پس منظر تي هڪ متحرڪ واڱڻائي-نيرو رنگ - ڪارپوريٽ سرگرمي جي بدران مصروفيت جو تاثر پيدا ڪري ٿو. - Ember Pulse
#ff8964— هڪ ثانوي تلفظ، هڪ گرم اترين روشنين وارو علائقو، هڪ نوٽيفڪيشن پوائنٽ، ۽ هڪ مثال نمايان - هڪ امبر رنگ جيڪو نيري رنگ جي سنجيدگي کي ٽوڙي ٿو ۽ شعاع ۾ گرمي وڌائي ٿو.
غير جانبدار
- Obsidian Canvas
#303236— صفحي جو پس منظر، غالب مٿاڇري، تقريبن ڪارو رنگ آهي جنهن ۾ ٿوري گرمي جو اشارو آهي، جيڪو سڀني مواد لاءِ معياري ماحول آهي. - Void
#090a0c— مکيه اسڪرين تي گريڊيئنٽس، ماڊل پس منظر، ۽ فريم لاءِ سڀ کان گهري سطح جي پرت جيڪي ڪينواس ۾ ملائي وڃن. - Charcoal Card
#111111— ڪارڊ بورڊ ۽ پينلن مان ٺهيل مٿي ڪيل مٿاڇريون، ڪينواس کان هڪ قدم مٿي رکيل. - Slate Edge
#4a4b50— اونداهي مٿاڇري تي نازڪ سرحدون ۽ ورهائيندڙ - Iron Veil
#6b6c6d— ٽيگ، لسٽ آئٽم فلز، ۽ غير فعال فلز لاءِ مدھم پس منظر. - Smoke
#95979e— آئڪن آئوٽ لائن، اضافي ٽيڪسٽ، ۽ غير فعال ڪنٽرول وچولي گرين رنگ ۾ بنيادي ڪم ڪندڙ عنصر آهن.
ٽائپوگرافي
11 کان 80 پکسلز تائين · 8 مرحلا
- Inter — متبادل: DM Sans · خاڪا 300, 400, 500, 600, 700 · يوزر انٽرفيس ۾ سڀ فنڪشنل ٽيڪسٽ - باڊي ٽيڪسٽ، نيويگيشن، بٽڻ، لسٽ آئٽمز، ليبل، ۽ ننڍا هيڊنگ - زور لاءِ 500-600 جي فونٽ وزن سان، باڊي ٽيڪسٽ لاءِ 400، ۽ بي ترتيب ميٽا ڊيٽا لاءِ 300 گھٽ استعمال ڪيا ويندا آهن.
- Esbuild — متبادل: Sora · خاڪا 400, 500, 600 · صرف ڊسپلي: اسپليش عنوان، سيڪشن هيڊنگ، ۽ ميٽا برين آرٽيڪل عنوان. ڪنسنسڊ جاميٽري ۽ تنگ اکرن جي فاصلي اهو تاثر پيدا ڪري ٿي ته 84px SaaS منصوبن جي ڀيٽ ۾ ادارتي ڪم لاءِ وڌيڪ موزون آهي. ڪڏهن به 28px کان گهٽ استعمال نه ڪريو.
وقفا ۽ شڪل
| مقصد | مطلب |
|---|---|
| کثافت | ڪشادو |
| بنيادي قدم | 12px |
| بٽڻ جو ريڊيس | 9999px |
| ڪارڊ جو ريڊيس | 12px |
| پاڇا | نرم پاڇا |
| حصن جي وچ ۾ | 96px |
| صفحي جي ويڪر | 1200px |
AI توهان جي ويب سائيٽ Huly انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- monday — پيسٽل اسٽيڪرز سان اڇو ورڪشاپ
- Slack — اسٽيج بينگن جي رنگ سان اڇين اسپاٽ لائيٽن سان ٺهيل آهي. هڪ گهرو آلو بخارا رنگ اونداهي علائقن تي حاوي آهي، جڏهن ته آف وائيٽ ڪينواس وڏن، ايونٽ گارڊ عنوانن کي آزاديءَ سان سانس وٺڻ جي اجازت ڏئي ٿو.
- Base44 — سج جي روشني واري نوٽ بڪ چوني جي نشان سان
- Supahub — هڪ جامني رنگ جي ٽڪري تي نرم ڏينهن جي روشني. هڪ گهڻو ڪري اڇو، هوادار ڪينواس جيڪو هڪ روشن جامني رنگ جي سج سان روشن ٿئي ٿو، آرائشي گريڊينٽ گولن سان جيڪي منفي جاءِ ۾ رنگ پکيڙي رهيا آهن ۽ سخي گول جاميٽري هر مٿاڇري کي هڪ خوشگوار، محسوس ٿيندڙ ڳروائي ڏئي ٿي.
- Raycast — مڊ نائيٽ ڪمانڊ سينٽر، ڪورل نيون
- Dimension — ٿڌڙي شيشي جي پينلن سان گڏ هڪ شام جي روشني وارو ورڪ اسٽيشن
- Wiza — شام جو معدني ڳولا جو هڪ رصدگاهه، جيڪو ليوينڊر جي ڌنڌ ۾ ڍڪيل آهي.
- Paste — اڇي سنگ مرمر تي هڪ امبر لالٽين - برانڊ جو گرم گريڊينٽ لوگو وسيع اڇي جاءِ ۾ لڙڪندو آهي، جيئن برف سان ڍڪيل عمارت ۾ واحد روشن دري.
- Reworkd — پراڊڪٽ ڊاگرام تي نرم ڏينهن جي روشني واحد رنگ آهي جيڪو پاڻ لاءِ ڳالهائيندو آهي، اهو ايڪشن بٽڻ ۽ ان جي مٿان گريڊينٽ هيڊ لائن آهي.
- Reflect Notes — تارن واري واڱڻائي جاءِ هڪ اونداهي رصدگاهه آهي جتي نوٽس تقريباً ڪاري نيري خالي پن جي پس منظر ۾ تارن وانگر ترندا آهن.
- Ameba — اڌ رات جو ڪنٽرول روم - ٿڌڙي شيشي جي پينلن اندر هڪ برقي نيرو نبض
- Todoist — ڪاغذ جي ڊائري سان گڏ سج جي روشني واري ڪم جي جاءِ - هڪ گرم ڪريم ڊيسڪ، مس جا نوٽ، هڪ ڳاڙهو قلم.