Column
ٿڌي صبح جي هيٺان هڪ ڳاڙهو نيرو ليجر
ڪالم هڪ گہرے، اداري نيوي نيري رنگ کي هڪ ويجهو سفيد پس منظر تي استعمال ڪري ٿو: صفحو پهرين هڪ مضبوط بينڪنگ پراڊڪٽ جي مٿاڇري وانگر محسوس ٿئي ٿو ۽ ٻئي ۾ هڪ ڊولپر راند جو ميدان. برانڊ رنگ هڪ واحد نه آهي، پر هڪ هم آهنگ جوڙو آهي - سنجيده ساخت لاءِ نيوي نيرو #111a4a، ڊيٽا ۽ ڪوڊ لاءِ پوديني سائو #44b48b - هڪ واحد گرم نارنگي (#ec652b) سان گڏ بريڪس ڪارڊ وانگر تيز شدت واري تلفظ جي سطحن لاءِ محفوظ آهي. ٽائپوگرافي ۾ سوئس انٽل جو غلبو آهي، هڪ جاميٽري سينز سيريف 300 (لنڪس) کان 600 (ڊسپلي) تائين پوري وزن جي حد ۾ استعمال ڪيو ويندو آهي، سسٽم کي هڪ بهتر، ادارتي انداز ڏئي ٿو جيڪو اڪثر فنٽيڪ ڪمپنين جي کوٽ آهي. ڪارڊ وڏين اڇي سطحن تي نفيس، پرتدار پاڇن سان ترندا آهن؛ گھڻا انٽرفيس عنصر فليٽ آهن، کوٽائي سان صرف اتي ظاهر ٿيندا آهن جتي ڪارڊ کي جسماني شئي وانگر محسوس ٿيڻ گهرجي (ٽرانزيڪشن ويجيٽس، پراڊڪٽ ميڪ اپ). ڪوڊ ۽ مالي ڊيٽا مونوڪروم، سامونڊي فوم رنگ ۾ پيش ڪيا ويا آهن - هڪ بصري سگنل ته هي انجنيئرن پاران انجنيئرن لاءِ ٺهيل بينڪ آهي.
صفحي جي جوڙجڪ مڪمل ويڪر آهي، ويڪر پاسي جي مارجن سان مرڪز ۾ (ڊيسڪ ٽاپ تي 64-15 سينٽي ميٽر). مکيه اسڪرين هڪ ورهايل لي آئوٽ آهي: هيڊ لائن ۽ ڪال ٽو ايڪشن 25 سينٽي ميٽر تي کاٻي پاسي سان ترتيب ڏنل آهن، جڏهن ته هڪ فلوٽنگ ٽرانزيڪشن ويجيٽ ساڄي پاسي 55 سينٽي ميٽر تي هڪ هاف ٽون نقشي جي پس منظر جي خلاف رکيل آهي. مکيه اسڪرين جي هيٺان، سيڪشن اڇا (4 سينٽي ميٽر) ۽ هلڪو ڪينواس (5 سينٽي ميٽر) جي وچ ۾ متبادل آهن 6 سينٽي ميٽر عمودي گٽر سان. مواد هڪ واحد 6-ڪالمن گرڊ جي مطابق ترتيب ڏنل آهي: ٽيڪسٽ بلاڪ 4 ڪالمن (7 سينٽي ميٽر) تي قبضو ڪن ٿا، تصوير/پراڊڪٽ ڪارڊ 5-6 ڪالمن تي قبضو ڪن ٿا، گرڊ مان هڪ جان بوجھ ڪري آفسيٽ سان. خاصيتون بيان ڪندڙ سيڪشن 2-ڪالمن لي آئوٽ استعمال ڪن ٿا: کاٻي پاسي ٽيڪسٽ، ساڄي پاسي پراڊڪٽ. اعتماد جي شماريات سيڪشن کي صفحي جي مڪمل ويڪر ۾ 4-ڪالمن گرڊ ۾ ورهايو ويو آهي. ڪسٽمر لوگو 48px گٽر سان هڪ واحد مرڪز قطار ۾ واقع آهن. فوٽر ۾ هڪ ڪمپيڪٽ ٻه-ڪالمن لي آئوٽ آهي. نيويگيشن هڪ مقرر، 62px ڊگهو، شفاف ٽاپ بار آهي جيڪو مکيه اسڪرين تي هڪ ڌنڌلي پس منظر سان گڏ آهي جيڪو توهان جي اسڪرول ڪرڻ سان اڇو ٿي ويندو آهي. ڪو به سائڊبار يا ميگا مينيو ناهي - ڊراپ ڊائون سادي تير جي طرز جا مينيو آهن.
بصري انداز گهٽ ۾ گهٽ ۽ فعال آهي - ڪالم مڪمل طور تي اسٽاڪ فوٽوگرافي کان پاسو ڪري ٿو. بصري ٻولي ٽن ذريعن تي ٺهيل آهي: (1) SVG ڊيٽا تصويرون، خاص طور تي هڪ ڊاٽ ٿيل هاف ٽون دنيا جو نقشو، جيڪو نيري کان نارنگي تائين فيروزي تائين گريڊينٽ سان پيش ڪيو ويو آهي، مکيه عنصر جي پويان عالمي پيماني تي ماحول پيدا ڪري ٿو؛ (2) پراڊڪٽ ڪارڊ لي آئوٽ - ڊرامائي پاڇن سان اڇي ڪارڊن ۾ اڪائونٽ بيلنس، منتقلي جي تفصيل، ۽ JSON ڪوڊ اسنيپٽس ڏيکاريندڙ فلوٽنگ ويجيٽس؛ (3) چارٽ ويزوئلائيزيشن - فيروزي موم بتي يا بار چارٽ جيڪي ٽرسٽ/اسٽيٽسٽڪ سيڪشن ۾ استعمال ٿيندڙ پتلي ڪنيڪٽنگ لائينن سان. هاف ٽون نقشو هڪ دستخط بصري عنصر آهي - ان جو گريڊينٽ منتقلي #d65620 (نارنگي) کان واڱڻائي، نيرو، آزور، فيروزي، ۽ پيلو ذريعي، هڪ اسپيڪٽرم ٺاهي ٿو جيڪو هڪ واحد آرائشي مٿاڇري تي پوري برانڊ پيليٽ کي متحد ڪري ٿو. آئڪن ۾ #232730 يا #a9acb6 مختلف قسمن ۾ 1.5-2px جي هڪجهڙائي آئوٽ لائن ٿلهي آهي، فعال رياستن لاءِ فل سان. ڪابه طرز زندگي جون تصويرون نه، ڪو به تجريدي 3D رينڊرز نه - پابندي ارادي طور تي پراڊڪٽ ۽ ڊيٽا تي ڌيان ڏيڻ لاءِ آهي.
پيليٽ
برانڊ
- Indigo Navy
#111a4a— بنيادي برانڊ رنگ ڀريل ڪال ٽو ايڪشن، فعال نيويگيشن اسٽيٽس، هيڊر، ۽ لوگو لاءِ استعمال ڪيو ويندو آهي. ڳوڙهو واڱڻائي-نيرو رنگ سائيٽ کي هڪ مضبوط پر امير ڪارو رنگ ڏئي ٿو؛ اڇي متن سان گڏ، اهو سائيٽ تي سڀ کان وڌيڪ زوردار بٽڻ ٺاهيندو آهي. - Seafoam 600
#44b48b— ڪوڊ ۽ ڊيٽا رنگ ڪوڊ سنيپٽس ۾ JSON ڪيز، سڃاڻپ ڪندڙ، ۽ مالي قدرن لاءِ برانڊ رنگ آهي. اهو چارٽس ۽ واڌ ويزولائيزيشن ۾ ڊيٽا پوائنٽس لاءِ پڻ استعمال ٿيندو آهي. - Seafoam 700
#167e6c— ڊيٽا جي حوالي سان آئوٽ لائن، چارٽ لائينن، ۽ آئڪن ايڪسينٽ لاءِ سامونڊي فوم جو هڪ اونداهو ڇانو. هي سامونڊي فوم اسڪيل کي اونداهي پس منظر جي خلاف لنگر انداز ڪري ٿو. - Seafoam 400
#94efb7— نمايان ٿيل ڪوڊ فريگمينٽ ۾ اسٽرنگ ويليوز، URLs، ۽ API اينڊ پوائنٽس ڪوڊ بلاڪ اندر شامل آهن. سڀ کان هلڪو سي فوم رنگ سائي رنگت سان مونو اسپيسڊ فونٽ جي طور تي پڙهي ٿو. - Deep Sea
#023247— چارٽ جو آرائشي خاڪو ۽ ايڪسنٽ رنگ هڪ امير فيروزي رنگ آهي جيڪو SVG تصويرن ۽ ڊيٽا ويزوئلائيزيشن ۾ استعمال ٿيندو آهي، سامونڊي فوم رنگ اسڪيل سان گڏ.
غير جانبدار
- Midnight Ink
#011821— ڪارو مٿاڇرو ۽ نمايان ٿيل متن - پراڊڪٽ ڪارڊ جو پس منظر، اعليٰ برعڪس مکيه متن. ٿڌي نيري-سائي رنگ سان ڀوري رنگ جي ويجهو؛ جڏهن ڪنهن حصي کي الٽ ڪرڻ جي ضرورت هجي ته ڊارڪ موڊ لاءِ بنياد طور استعمال ڪيو ويندو آهي. - Slate Ink
#3b3e47— ثانوي عنوان ۽ مکيه متن مڊ نائيٽ انڪ کان ٿورو گرم آهن، جتي خالص ڪارو هلڪي ڪينواس تي تمام سخت نظر ايندو، اتي استعمال ڪيو ويندو آهي. - Steel
#7c7f88— مکيه متن ۽ لنڪ ٽيڪسٽ تي هڪ خاموش رنگ جو غلبو آهي (مکيه متن ۾ 245 ڀيرا استعمال ڪيو ويو آهي). هڪ غير جانبدار گرين-نيرو رنگ جيڪو پرسکون سمجهيو ويندو آهي، ڪڏهن به ڌوتل تصوير نه. - Fog
#a9acb6— آئڪن خاڪا، ٽئين درجي جون سرحدون، ۽ پلیس هولڊر ٽيڪسٽ. هڪ وچولي گرين رنگ جيڪو متن کي ان سان مقابلو ڪرڻ کان سواءِ الڳ ڪري ٿو. - Mist
#cbcccf— مکيه متن - دستخط، دستبرداري، ۽ ننڍو پرنٽ - اڇي پس منظر تي پڙهڻ لائق آهي، پر بصري طور تي گهٽ نمايان آهي. - Silver Lining
#e3e4e8— ڪارڊ جون سرحدون، ان پٽ فيلڊ جون سرحدون، ورهائيندڙ لائينون. هي بناوت وارو، نازڪ رنگ استعمال ڪيو ويندو آهي جتي ٻن مٿاڇري کي پاڇي کان سواءِ الڳ ڪرڻ جي ضرورت هوندي آهي.
ٽائپوگرافي
10 کان 60 پکسلز تائين · 10 قدم
- SuisseIntl — متبادل: Inter · خاڪا 300, 400, 500, 600 · پرائمري فونٽ - سڀني هيڊنگز، باڊي ٽيڪسٽ، بٽڻن، نيويگيشن، لنڪس، ۽ ڪارڊ ٽيڪسٽ لاءِ استعمال ٿيندو آهي. منفرد جاميٽري سينس سيريف ڪالم کي هڪ مخصوص ايڊيٽوريل انداز ڏئي ٿو، جيڪو ان کي ٻين فنٽيڪ ڪمپنين کان ڌار ڪري ٿو جيڪي خاص طور تي انٽر-اونلي سان ڪم ڪن ٿيون. هيڊنگز لاءِ وزن 52-60px تي 600، سب هيڊنگز لاءِ 500، باڊي ٽيڪسٽ لاءِ 400، ۽ گهٽ زور واري لنڪس لاءِ 300 آهي.
- SuisseIntlMono — متبادل: JetBrains Mono · خاڪا 400 · SuisseIntl سان ملندڙ هڪ مونو اسپيسڊ فونٽ، جيڪو ٽيڪنيڪل ليبلز، API سڃاڻپ ڪندڙن، ۽ UI عنصرن ۾ شامل ڪيل ڊيٽا لاءِ استعمال ٿيندو آهي. اهو SuisseIntl جي برابر تناسب برقرار رکي ٿو، تنهن ڪري مونو اسپيسڊ ۽ متناسب متن مخلوط تناظر ۾ صحيح طور تي ترتيب ڏين ٿا.
- SFMono — متبادل: Fira Code · خاڪا 400 · ڪوڊ سنيپٽ ڊسپلي - JSON مثالن ۽ API دستاويزي بلاڪن ۾ ڏيکاريل. هڪ سامونڊي فوم شيڊ استعمال ڪيو ويندو آهي ڪوڊ کي UI متن کان بصري طور تي فرق ڪرڻ لاءِ.
وقفا ۽ شڪل
| مقصد | مطلب |
|---|---|
| کثافت | سراسري |
| بنيادي قدم | 8px |
| بٽڻ جو ريڊيس | 8px |
| ڪارڊ جو ريڊيس | 8px |
| پاڇا | پاڇن جي بدران ڪو به بارڊر نه |
| حصن جي وچ ۾ | 72px |
| صفحي جي ويڪر | 1200px |
AI توهان جي ويب سائيٽ Column انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- dope.security — جامني رنگ جي بتين سان گڏ اڌ رات جو ٽرمينل
- Leonardo — هڪ اُلٽي ايڊيٽوريل گيلري. هڪ ڪاري ڀتين وارو عجائب گھر جتي جامني رنگ جون سرخيون ڀتين جي تنصيب طور ڪم ڪن ٿيون، ۽ AI سان ٺاهيل پورٽريٽ هيٺان هڪ ڳري گرڊ ۾ لٽڪيل آهن.
- VEED — نيئن سائي روشني جي بٽڻن سان اڇي گيلري واري ڀت
- Craft Docs — اسڪريپ بڪنگ لاءِ هڪ ڊجيٽل ڪولاج. ڊيزائن هڪ سوچيندڙ، ڇهندڙ اسڪريپ بڪ وانگر آهي، جتي منظم ڊجيٽل نوٽس نرم، نامياتي بناوتن سان گڏ ٿين ٿا.
- Letter — هڪ خانگي گيلري جنهن ۾ اسٽوريج مان چمڪندڙ شيون ڏيکاريل آهن. هڪ ڪاري ڀتين واري نمائش واري جاءِ جتي گيلري جي رنگين ڀتين تي ڪروم مجسمن جي مٿان سيريفڊ هيڊ لائنون ترنديون آهن.
- Railway — ڪاسمڪ مڊ نائيٽ ايڪسپريس. اونداهي، ستارن جي روشنيءَ ۾ هڪ پرسڪون، دلچسپ سفر، واضح اشارن جي رهنمائي سان.
- Garden Eight — ڪريم رنگ جي ڪاغذ تي هڪ يادگار ايڊيٽوريل. 215px سيريف هيڊ لائن گرم پارچمينٽ تي اڪيلو بيٺي آهي، جنهن جي چوڌاري ترندڙ مجسما ۽ سمنڊ جي هوا جي ياد ڏياريندڙ منفي جاءِ آهي - صفحو ڊيش بورڊ کان وڌيڪ آرٽ مونوگراف جي ڪور وانگر محسوس ٿئي ٿو.
- Steep — گرم پيپر تي سيرف فونٽس جو تجزيو
- ElevenLabs — نرم سرخين سان گرم ڪريم ٽون ۾ هڪ تصويري مضمون. هڪ باهاؤس طرز جي نوٽ بڪ - انڊي شيل رنگ جو ڪاغذ، ڪارو مس، ۽ پراڊڪٽ ڊسپلي لاءِ هڪ واحد جامني ۽ نارنگي تلفظ.
- Awesomic — نارنگي اوقاف جي نشانين سان ايڊيٽوريل زنڪ ميش جيڪو ڪنفيٽي جي ياد ڏياري ٿو
- Monad — گرم پارچمينٽ تي ايڊيٽوريل ٽيڪنيڪل جرنل
- AI for Business — گرم گرين رنگن ۾ وحشي ايڊيٽوريل شو روم