Subframe
گرم پارچمينٽ تي هڪ گرافڪ ڊرائنگ. ڊيزائنر پيپر، جتي هر اسٽروڪ يا ته گريفائيٽ يا ايريزر آهي، ڪڏهن به رنگ نه ڪريو - کوٽائي لڪير جي ٿلهي ۽ اسپارس سيريف ذريعي حاصل ڪئي ويندي آهي.
ذيلي فريم هڪ مونوڪروم ڊيزائنر جي ڪم جي جڳهه آهي: هڪ گرم، ڪريمي ڪينواس، گريفائيٽ-ڪاري مس، ۽ ڪروميٽ تلفظ جي مڪمل غير موجودگي. سڄو انٽرفيس هڪ واحد مواد جي طور تي سمجهيو ويندو آهي - ڪاغذ، پينسل، ۽ پاڇو - هڪ بولڊ ٽائيپوگرافڪ ٽچ سان: هڪ سڌريل سيريف (انسٽرومينٽ سيريف) هڪ منظم سينز-سيريف (انٽر) جي خلاف سيٽ ڪيو ويو آهي، جيڪو هيڊ لائنز کي ادارتي ڪشش ثقل ڏئي ٿو. سطحون بلند ٿيڻ بدران فليٽ ۽ فريم ٿيل آهن؛ کوٽائي #e5e7eb ۾ پتلي ورهائيندڙن ذريعي حاصل ڪئي ويندي آهي ۽ پاڇن جي بدران ڊارڪ ڪنٽرول تي ان سيٽ هاءِ لائيٽس. کثافت سخي آهي: هڪ وسيع عمودي تال (سيڪشنن جي وچ ۾ خالن جو 48-64px)، مرڪز، مڪمل ويڪر لي آئوٽ، ۽ متن جي چوڌاري سخي وائيٽ اسپيس. واحد رنگ ويجهو-اڇو ۽ ويجهو-ڪارو جي وچ ۾ تضاد آهي، جيڪو ڊارڪ بٽڻ کي هر صفحي تي سڀ کان وڌيڪ شاندار عنصر بڻائي ٿو، ۽ گرين ٽون ۾ پارٽنر برانڊ لوگو جي پٽي واحد آرائشي بصري عنصر آهي.
مرڪزي، مڪمل ويڪر لي آئوٽ (1200px) هڪ سخي عمودي تال سان. مکيه عنصر هڪ واحد، مرڪزي بلاڪ آهي: مٿي تي هڪ ڳاڙهو، سيگمينٽ ٿيل ڪنٽرول، هڪ وڏو "انٽر" هيڊنگ، هڪ سنگل لائن سب هيڊنگ، ۽ ٻه ويجها بٽڻ (ڀريل + شفاف) - ڪا به پاسي واري تصوير، ڪو به لي آئوٽ بريڪ اپ ناهي. مکيه عنصر جي هيٺان هڪ مرڪزي گري اسڪيل لوگو پٽي آهي. هر ايندڙ سيڪشن ساڳئي نموني جي پيروي ڪري ٿو: هڪ کاٻي سان ترتيب ڏنل عنوان ۽ سب هيڊنگ بلاڪ، پوءِ هڪ مڪمل ويڪر پراڊڪٽ شوڪيس فريم جنهن ۾ حصن جي وچ ۾ 48-64px گٽر اسپيس آهي. نيويگيشن گهٽ ۾ گهٽ آهي: مرڪزي لنڪس ۽ ساڄي سان ترتيب ڏنل عملن سان هڪ مٿيون بار، ڪو به سائڊبار، ڪو به ميگا مينيو ناهي. صفحو مٿي کان هيٺ تائين مرڪزي بيانن جي هڪ سيريز جي طور تي پڙهي ٿو، هر هڪ کي ڪافي جڳهه ڏني وئي آهي - لي آئوٽ هڪ مصروف پراڊڪٽ پيج کان وڌيڪ ايڊيٽوريل پورٽ فوليو وانگر محسوس ٿئي ٿو.
بصري ڊيزائن گهٽ ۾ گهٽ ۽ فعال آهي. سسٽم ٻن بصري طريقن کي استعمال ڪري ٿو: (1) فريم ٿيل پراڊڪٽ اسڪرين شاٽ ۽ UI ماڪ اپ 24px-ريڊيس فريم ۾ بند ٿيل آهن - اهي اصل انٽرفيس اجزاء (ٽيبل، بٽڻ، فارم) ڏيکارين ٿا جيڪي ساڳئي مونوڪروم پيليٽ ۾ پيش ڪيا ويا آهن، اسڪرين شاٽ کي صفحي ۾ بيحد ضم ٿيل ظاهر ڪن ٿا؛ (2) گري اسڪيل پارٽنر لوگو جي هڪ پٽي سماجي ثبوت طور ڪم ڪري ٿي، فليٽ پيش ڪئي وئي، رنگ يا ڪنٽينر کان سواءِ. ڪابه طرز زندگي جون تصويرون، خلاصو گريڊينٽ، يا 3D رينڊرز نه آهن. صرف مثالي عنصر هڪ ڳاڙهو پراڊڪٽ "ٽائل" آهي، جيڪو هڪ برانڊ آئڪن سان گرم گرين پس منظر تي مرڪز آهي - اهو هڪ پراڊڪٽ جي مظاهري جي طور تي سمجهيو ويندو آهي، نه ته سجاڳي. سڀئي تصويرون هڪ ٽيڪسٽ تي ٻڌل ترتيب تي قبضو ڪن ٿيون، جتي بصري وزن متن طرفان کڻجي ٿو.
پيليٽ
غير جانبدار
- Page Canvas
#fafafa— صفحي جو پس منظر، ڪينواس تي پوسٽ ڪارڊ، اونداهي مٿاڇري تي هلڪو متن - هڪ گرم اڇو رنگ جيڪو پوري مونوڪروم سسٽم جي بنياد تي آهي. - Hairline Border
#e5e7eb— ورهائيندڙ، ڪارڊ بارڊر، تصويري فريم، آئڪن آئوٽ لائن - سسٽم ۾ سڀ کان وڌيڪ استعمال ٿيندڙ آئوٽ لائن قسم، مقامي جوڙجڪ کي بيان ڪري ٿو. - Card Surface
#ededed— ڪارڊن لاءِ مٿي ڪيل پس منظر، هڪ اضافي مٿاڇري - ڪينواس کان هڪ قدم مٿي واقع آهي، پاڇي کان سواءِ هڪ گروپنگ ٺاهيندي. - Divider Mid
#dadada— مڊ ٽون ورهائيندڙ ۽ حصن جي وچ ۾ منتقلي - Graphite
#242424— هلڪي مٿاڇري تي پرائمري بٽڻن لاءِ هاءِ ڪنٽراسٽ نيوٽرل فل. - Ink Black
#171717— باڊي ٽيڪسٽ، هيڊنگ، آئڪن آئوٽ لائنز - گريفائيٽ کان ٿورو ٿڌو، جيڪو سطحن جي بدران ٽائپوگرافي لاءِ استعمال ٿيندو آهي.
ٽائپوگرافي
12 کان 128px تائين · 7 مرحلا
- Inter — متبادل: Inter (Google Fonts) · خاڪا 500, 600, 700 · هڪ سينز-سيريف سسٽم انٽرفيس - نيويگيشن، باڊي ٽيڪسٽ، بٽڻ، ذيلي هيڊنگ، ۽ سيڪشن هيڊنگ. وزن: باڊي ٽيڪسٽ ۽ ڪنٽرول لاءِ 500، ذيلي هيڊنگ ۽ نيويگيشن ايڪسينٽ لاءِ 600، ۽ سيڪشن هيڊنگ لاءِ 700. مضبوط منفي اکر جي فاصلي ڪنهن به سائيز تي جاميٽري شڪلن کي دٻائي ٿي، انٽرفيس کي هڪ ڳنڍجي، ٽيڪنيڪل نظر ڏئي ٿي.
- Instrument Serif — متبادل: Playfair Display · خاڪا 400 · هڪ سيريف ٽائيپ فيس خاص طور تي هيڊ لائنز ۽ ايڊيٽوريل مواد لاءِ ٺهيل آهي. ان جو 400 وزن ۽ -0.025 ايم اکر جي فاصلي هڪ خوبصورت، ترڪيب وارو ڏيک پيدا ڪري ٿو جيڪو انٽر جي صنعتي جاميٽري سان متضاد آهي - هڪ دستخط ٽيڪنڪ: هڪ سينز-سيريف صفحي اندر هڪ واحد سيريف لفظ يا جملو، هيڊ لائن انداز جي بدران بصري اوقاف جي طور تي ڪم ڪري ٿو.
- Fragment Mono — متبادل: JetBrains Mono · خاڪا 400 · ان لائن ڪوڊ جھڙين عنصرن، ٽيگ ليبلز، ۽ ٽيڪنيڪل ڪال آئوٽ لاءِ ايڪسينٽ مونو. گھٽ استعمال ڪيو ويو، اهو فنڪشن لسٽن ۽ ان لائن تشريحن ۾ ظاهر ٿئي ٿو جتي ڊيزائن ٽول "هي مشين آئوٽ پُٽ آهي" ظاهر ڪرڻ چاهي ٿو.
وقفا ۽ شڪل
| مقصد | مطلب |
|---|---|
| کثافت | سراسري |
| بنيادي قدم | 8px |
| بٽڻ جو ريڊيس | 16px |
| ڪارڊ جو ريڊيس | 24px |
| پاڇا | پاڇن جي بدران ڪو به بارڊر نه |
| حصن جي وچ ۾ | 64px |
| صفحي جي ويڪر | 1200px |
AI توهان جي ويب سائيٽ Subframe انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- monopo saigon — ادارتي خاموشي جي پويان هڪ مائع، چمڪندڙ چمڪ - پگھريل روشني تي ترندڙ هڪ مونوڪروم ايڊيٽوريل گيلري
- Hyer Aviation — ڪاڪپٽ ۾ پارچمينٽ مٿان شام. پيلي صبح جو آسمان جسم جي سائيز جي سيريف لوگو سان ملي ٿو، ۽ هڪ گرم مٽيءَ جو تلفظ مونوڪروم پابندي کي ٽوڙي ٿو.
- OFF+BRAND. — گرم پارچمينٽ تي چمڪندڙ گولو
- Seed — ليبارٽري شيشي هيٺ هڪ جاندار
- Eindhoven Design District — اڇي ڪاغذ تي ادارتي ظلم هڪ ميونسپل ڊيزائن مينيفيسٽو آهي، جيڪو وڏي قسم ۾ لاڳو ڪيو ويو آهي، گهٽ ۾ گهٽ فوٽوگرافي ۽ مڪمل پابندي سان.
- Miranda — هلڪي ڪريم پس منظر تي ڪلاسيڪل وائڊ فارميٽ ٽائپ - ڊجيٽل دور لاءِ هڪ اخباري ايڊيٽوريل
- Monocle — ڪريم رنگ جي ڪاغذ تي هڪ اعليٰ معيار جي، وسيع فارميٽ واري اخبار. هڪ احتياط سان ترتيب ڏنل ادارتي، جتي هر ڪالم پنهنجي جاءِ جو مستحق آهي، ۽ صفحي تي صرف هڪ معنيٰ خيز رنگ نظر اچي ٿو.
- Agencja brandingowa — اڇي رنگن ۾ هڪ ايڊيٽوريل گيلري جنهن ۾ ڪاري مس سان ٽائيپوگرافي ڪئي وئي آهي.
- Websmith Studio — ڪريم پيپر تي صبح جي روشني
- Aspelin Reitan — ڪينڊل لائيٽ پاران آرڪيٽيڪچرل آرڪائيو - صفحو ٺهيل جڳهن جي پورٽ فوليو وانگر نظر اچي ٿو، هڪ گرم ڪريم ڀت سان ڳنڍيل آهي، هر تصوير جي مٿان اڇي متن جي هڪ لڪير صفحي جي پوري ويڪر تي تري رهي آهي.
- Public — ٿڌي سنگ مرمر تي هڪ مونوڪروم ايڊيٽوريل - تقريبن هڪ مونوڪروم ڪينواس، 300 پوائنٽن واري سيريف فونٽ ۽ هڪ واحد جامني رنگ جي تلفظ سان سڄو رنگ ڪم ڪري ٿو.
- Motto — ڪاغذ تي هڪ ٽائيپوگرافڪ مونولٿ - برفاني سفيد ڪاغذ تي پاڻ جو اعلان ڪندڙ هڪ واحد، پراعتماد آواز