Le Puzz
سني سنڊي سرڪيولر هڪ ٽيبلوئڊ آهي جيڪو اسرارن سان ڀريل آهي.
لي پز بوتيڪ اسٽورن لاءِ هڪ وڌ ۾ وڌ اي-ڪامرس سسٽم آهي، جيڪو ٻن رنگن جي بنياد تي ٺهيل آهي: امير، ماکي جي ڇانو جهڙو پيلو خالص ڪارو سان گڏ، هڪ ٿڌي، موتي-گرين پس منظر جي خلاف سيٽ ڪيو ويو آهي. ان جو انداز ونٽيج اخبار ۽ جيگس پزل جي وچ ۾ هڪ ڪراس آهي: باڊي ڪاپي سيريف ٽائمز ۾ آهي، جڏهن ته هيڊ لائنون هڪ ڪسٽم فونٽ، ٽائمز ناؤ ۾ آهن، جان بوجھ ڪري روايتي اي-ڪامرس ڪنوينشن سان ٽوڙيندي جيڪي سينز-سيريف فونٽس تي ڀروسو ڪن ٿا. انٽرفيس پاڻ کي سادو ۽ گرڊ تي ٻڌل رکيو ويو آهي، بصري اثر کي پراڊڪٽ پيڪنگنگ ذريعي پهچائڻ جي اجازت ڏئي ٿو (گهڻو، رانديڪن سان ڀريل ٺهيل ٺهيل). انٽرفيس ڪنٽرول ڪافي مضبوط آهن: پيلي پس منظر تي ڪاري بارڊر سان بٽڻ، گولي جي شڪل وارا آئڪن، 12px ريڊيس سان ڪارڊ، ۽ ننڍن ڪيپس لاءِ سخي خط جي فاصلي، جيڪا "جلدي شامل ڪريو" بٽڻ کي به هڪ ادارتي انداز ڏئي ٿي.
هڪ ڪلاسيڪل اي-ڪامرس گرڊ هڪ مخصوص ايڊيٽوريل ڊيزائن سان. هيڊر هڪ پيلي هني ڪومب پٽي آهي جنهن ۾ 1-ويڪر ڪارو بارڊر آهي، هڪ مرڪزي لوگو ۽ نيويگيشن بٽڻن جي هڪ اضافي قطار آهي. هيٺ، گرين پس منظر تي پراڊڪٽس جي ٽن ڪالمن واري گرڊ جي مٿان، ٽائمز ناؤ فونٽ ۾ هڪ مرڪزي ڀليڪار هيڊر آهي. مکيه عنصر گول ڪنڊن (40) سان هڪ مرڪزي فوٽو بلاڪ آهي، جيڪو ٻن پراڊڪٽ ڪارڊن سان ڀريل آهي. حصن جي تال برقرار رکيو ويو آهي: ڪافي عمودي جڳهه (30)، متبادل پيلي ۽ گرين سطحون، ۽ وڌ ۾ وڌ ويڪر تقريبن 4.5 سينٽي ميٽر، صفحي تي مرڪز. پراڊڪٽ ڪارڊ ساڳي سائيز جا آهن ۽ 5 سينٽي ميٽر جي فرق سان هڪ صاف ٽن ڪالمن واري گرڊ ۾ ترتيب ڏنل آهن. لي آئوٽ هم آهنگي آهي ۽ گرڊ سان ڳنڍيل آهي - ڪو به غير متناسب ڪمپوزيشن يا اوورليپنگ عنصر ناهي.
بصري عنصر پراڊڪٽ فوٽوگرافي آهي. پزل باڪس کي سفيد/غير جانبدار پس منظر جي خلاف مڪمل طور تي فوٽو ڪڍيو ويندو آهي، پوءِ هڪ گرم نيري يا قدرتي اسٽوڊيو پس منظر جي خلاف رکيو ويندو آهي. مکيه تصوير ۾ هڪ شخص کي ڏيکاريو ويو آهي جيڪو ڪيترائي پزل باڪس کڻي رهيو آهي - هڪ طرز زندگي جي شيءِ، جيڪا ڪوشش سان توانائي سان قبضو ڪئي وئي آهي. پيڪنگنگ پاڻ ۾ امير، مثالي، ۽ وڌ ۾ وڌ آهي: رانديڪن، کاڌي جي شين، ۽ ڪردارن جو هڪ ميڙ روشن بنيادي رنگن ۾ ٿلهي ڪاري آئوٽ لائن سان، 500 ٽڪرن واري پزل ۾ پکڙيل ٻارن جي ڪتاب جي تصوير وانگر ڏسڻ لاءِ ٺهيل آهي. ڪو به خلاصو گرافڪس، ڪو به 3D رينڊرز، ڪو به آئڪنوگرافي هڪ واحد ميگنفائنگ گلاس کان سواءِ - پزل پاڻ بصري ٻولي آهن.
پيليٽ
برانڊ
- Honeycomb Yellow
#ffd931— پرائمري برانڊ رنگ، ٽائيٽل بار، پرائمري ايڪشن بٽڻ، نيويگيشن جي فعال حالت، لنڪ انڊر لائن رنگ، ايڪسينٽ فل - هڪ رنگ جو نوٽ جنهن جي چوڌاري ٻيو سڀ ڪجهه گردش ڪري ٿو.
غير جانبدار
- Carbon Black
#000000— مکيه متن، ٿلها بارڊر، بٽڻ جا خاڪا، آئڪن جا خاڪا، نيويگيشن ٽيڪسٽ سڄي سسٽم جي ساخت جو بنياد آهن. - Ink Black
#231f20— ثانوي متن، پرائمري متن، بٽڻ بارڊر، ان پٽ فيلڊ بارڊر - هڪ نرم احساس لاءِ ٿورو گرم، تقريبن ڪارو رنگ. - Pearl Gray
#c8cbcd— صفحي جو ڪينواس، پراڊڪٽ ڪارڊ جو پس منظر، هڪ شاندار اسٽيج جتي پيلو ۽ ڪارا رنگ نظر اچن ٿا. - Fog Gray
#a6a8aa— دٻيل بيج مٿاڇريون، ثانوي چپ پس منظر، ۽ نفيس يوزر انٽرفيس فلز. - Smoke Line
#d6d6d6— سلم ورهائيندڙ، ذهين ٽيبل/ڪارڊ ورهائيندڙ.
ٽائپوگرافي
11 کان 47px تائين · 6 مرحلا
- Times Now — متبادل: Playfair Display · خاڪا 100, 400 · هيڊ لائنز ۽ سب هيڊنگز لاءِ هڪ سيريف فونٽ - مکيه هيڊنگز، پراڊڪٽ جي نالن، ۽ سيڪشن جي عنوانن لاءِ استعمال ٿيندو آهي. 47-پڪسل پچ سان الٽرا-لائيٽ 100-پوائنٽ فونٽ هڪ ڊگهو، تقريبن ڳنڍجي ويل ايڊيٽوريل احساس پيدا ڪري ٿو؛ ڳنڍجي ويل ليٽر فارم (0.87-0.90 جي لائن جي اوچائي) وڏين هيڊ لائنز کي گڏ ٿيل متن جي ويجهو رکڻ جي اجازت ڏين ٿا، هڪ پرنٽ ٿيل پوسٽر جي نقل ڪندي.
- Times — متبادل: Times New Roman · خاڪا 400 · سيريف باڊي ٽيڪسٽ هڪ آن لائن اسٽور لاءِ هڪ غير متوقع پسند آهي، جيڪو پوري سائيٽ کي هڪ ادبي، ڪيٽلاگ جهڙو احساس ڏئي ٿو. ننڍي لائن اسپيسنگ (1.15) پيراگراف کي مختصر ۽ پڙهڻ لائق بڻائي ٿي.
- Helvetica Neue — متبادل: Helvetica · خاڪا 100, 400 · يوزر انٽرفيس ۾ ننڍو ٽيڪسٽ، بٽڻن تي ٽيڪسٽ، ۽ مائڪرو ٽيڪسٽ 11px فونٽ ۾ وڏي اکرن جي فاصلي (0.0730em) سان سيٽ ڪيا ويا آهن، جيڪو آرامده جسماني گرمي پد تي به وڏن اکرن ۾ لکڻ جو احساس پيدا ڪري ٿو.
وقفا ۽ شڪل
| مقصد | مطلب |
|---|---|
| کثافت | ڳرو |
| بنيادي قدم | 15px |
| بٽڻ جو ريڊيس | 12px |
| ڪارڊ جو ريڊيس | 12px |
| پاڇا | پاڇن جي بدران ڪو به بارڊر نه |
| حصن جي وچ ۾ | 30-40px |
| صفحي جي ويڪر | 1200px |
AI توهان جي ويب سائيٽ Le Puzz انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- Agence Foudre — ميگزين جو ڪور پيج هڪ نرم گلابي رنگ جو آهي جيڪو لپ اسٽڪ جي ياد ڏياري ٿو.
- INVERSA — اڌ رات جو هڪ ٽوپوگرافڪ فيلڊ ٽرمينل. هڪ اونداهو ڪمانڊ پينل، جتي وڏو ايڊيٽوريل فونٽ ۽ نيون-سائي مارڪرز جي هڪ پرت ڌرتيءَ جي سيٽلائيٽ تصويرن تي لڳل آهي، هر هڪ ليبل مونوڪروم، جيئن پڙهڻ مشن ڪوآرڊينيٽس.
- Acne Studios — متحرڪ تصويرن سان ڀريل هڪ گهٽ ۾ گهٽ گيلري جي جاءِ - سنگ مرمر تي رکيل هڪ فيشن ميگزين
- GTE — گيلري جي روشني جي پويان واپاري ٽرمينل
- Diabla — منجهند جو هڪ ميڊيٽرينينائي صحن - سج جي روشني ۾ ٻڏل گلابي ڀتيون، هڪ چمڪندڙ ڳاڙهي ڪينواس جي ڇت، ۽ آسمان تي پکڙيل سيريف ٿيل ادارتي سرخيون.
- Subset — خام ڪپڙي مان ٺهيل ايڊيٽوريل بوٽيڪ
- Cursor — هڪ آرامده پارچمينٽ ورڪشاپ، ٻرندڙ ڪوئلن سان روشن
- MindMarket — ڪريم پيپر تي هڪ آرامده افسانوي ڪتاب - هڪ دوستانه ادارتي ڪينواس جتي وڏيون انٽر هيڊ لائنون ۽ ڪٽيل پيپر ڪردار سج سان ڀريل، اسٽيڪر نرم مٿاڇري تي گڏ رهن ٿا.
- Lamborghini — شو روم ۾ ڪارو جسم جو رنگ، اسپاٽ لائيٽن هيٺ - هڪ پيلي ڪار
- Amplemarket — هڪ سج سان ڀريل ڪم واري جاءِ جيڪا ڪنفيٽي سان ڀريل آهي
- Getharvest — گولڊن آور تي هڪ ڊيسڪ - هڪ گرم ڪريم ڪينواس، ڪينواس تي اڇا پوسٽ ڪارڊ لٽڪيل، ۽ هڪ روشن نارنگي شعلو.
- Drive Capital — گرم ڪاغذ تي ريٽرو روڊ ٽرپ پوسٽر