FRANKY'S
اسڪيٽ شاپ جي ڪائونٽر تي هڪ ريٽرو گيمنگ ڪيوسڪ
فرينڪي جي بصري ٻولي ريٽرو آرڪيڊ ۽ اسڪيٽ بورڊ شاپ جو ميلاپ آهي: هڪ گرم ڪريم ڪينواس (#f3e5df) سخت پکسل بارڊرز، هڪ هر هنڌ ڪارو ۽ اڇو چيڪر بورڊ، ۽ هڪ واحد پکسل فونٽ، آرڪيڊ، ويب سائيٽ تي هر لفظ لاءِ استعمال ڪيو ويندو آهي. پيليٽ جان بوجھ ڪري گهٽ آهي - صرف ٻه ڪروميٽ رنگ باقي آهن (سائن لاءِ نارنگي #faa21f سگنل ۽ خريد ڪرڻ واري بٽڻ لاءِ امير سائو #128e44)، پوري درجي بندي آرڪيڊ فونٽ جي وزن کي 400 کان 700 تائين وڌائڻ ۽ ڪريم پس منظر جي خلاف ڪارو استعمال ڪندي ظاهر ڪئي وئي آهي. سطحون فليٽ ۽ سنگل رهي ٿي؛ کوٽائي صرف بٽڻن تي داخل ٿيل 1px ڪريم لائن ۽ چيڪر بورڊ جي ٽونل پلي ذريعي حاصل ڪئي ويندي آهي. اجزاء 1990 جي ڏهاڪي جي اسٽور فرنٽ اسپرائٽس جي ياد ڏياريندڙ آهن: ٿلها ڪارا بارڊر، تنگ 6-12px بارڊر ريڊي، ڪمپيڪٽ 4-8px پيڊنگ، ۽ 3D/AR ٽوگل جيڪي ڪروم عنصرن جي بدران پکسليٽڊ آئڪن وانگر نظر اچن ٿا. نوان صفحا آرڪيڊ جهڙي ماحول کي برقرار رکڻ لاءِ آهن: نارنگي اسڪرولنگ ٽيڪسٽ کان سواءِ ٻيو ڪو به گريڊينٽ نه، ڪو نرم پاڇا نه، ڪو به آرائشي ٽائپوگرافي نه - صرف ڪريم رنگ جو پيپر، ڪارا پکسل ٿيل لائينون، ۽ هڪ گرم نارنگي رنگ.
ڊيسڪ ٽاپ تي، پراڊڪٽ پيج هڪ مڪمل ويڪر، مرڪزي لي آئوٽ ڏيکاري ٿو جنهن جي وڌ ۾ وڌ ويڪر 1200px آهي. مٿي کان هيٺ تائين تال آهي: نارنگي اسڪرولنگ ٽيڪسٽ → ڪريم رنگ جو هيڊر هڪ ڪاري لڪير سان → ٻه ڪالمن وارو ورهايل (هوم پيج تي 55٪ چيڪر بورڊ / پراڊڪٽ ڪارڊن جو 45٪ ٻه ڪالمن وارو گرڊ) → فوٽر ۾ ڪريم رنگ وارو پٽي. موبائل تي، هوم پيج هڪ مڪمل ويڪر چيڪر بورڊ ۾ ڪري پوي ٿو، ۽ گرڊ هڪ سنگل ڪالمن لي آئوٽ بڻجي ويندو آهي. ڪارڊ ٻن ڪالمن واري گرڊ ۾ برابر ورهايل آهن جن جي وچ ۾ گرين پکسل (#e5e7eb) ورهائيندڙ آهن. حصن جي وچ ۾ فاصلو گهٽ ۾ گهٽ آهي (43–61px)، ۽ انٽرفيس ڪڏهن به اونداهي پٽي استعمال نٿو ڪري جيڪي صفحي جي پوري ويڪر تائين پکڙيل آهن - ڪريم ڪينواس بغير ڪنهن رڪاوٽ جي ڏيکاريو ويندو آهي.
صاف ڪريم پس منظر جي خلاف ٽوپين جي هڪ تصوير، وچ ۾ ۽ مضبوطيءَ سان ڪٽيل، هيٺان هڪ نرم، ڪوئلي-ڪارو پاڇو آهي. ڪابه طرز زندگي، ڪو ماڊل، ڪو به تناظر نه - ٽوپي تارو آهي. مکيه عنصر جي پويان هڪ چيڪر بورڊ پيٽرن گرافڪ مٿاڇري طور ڪم ڪري ٿو. ڪابه تصوير، ڪو به 3D رينڊر نه سواءِ اگمينٽيڊ ريئلٽي ٽوگل جي، ڪو به آرائشي آئڪن نه سواءِ لوگو ۾ پکسليٽڊ ڪراس جي.
پيليٽ
برانڊ
- Marquee Orange
#faa21f— اسڪرين جي چوٽي تي نوٽيفڪيشن بار، ايڪسينٽ عنصر، برانڊنگ. - Buy Green
#128e44— "ڪارٽ ۾ شامل ڪريو" بٽڻ ڀريو ويو آهي - واحد خريداري عمل جيڪو سائي رنگ ۾ نشان لڳل آهي.
غير جانبدار
- Arcade Cream
#f3e5df— صفحي جو پس منظر، پراڊڪٽ ڪارڊ جون مٿاڇريون، بٽڻ داخل ڪرڻ. - Ink Black
#000000— مکيه متن، چيڪر بورڊ لي آئوٽ، سڀ UI بارڊر، ڪارڊ آئوٽ لائن، آئڪن بارڊر. - Pixel Gray
#e5e7eb— پتلي سرحدون، ڪارڊ ورهائيندڙ، گرڊ سيلز جي وچ ۾ ساخت جا قاعدا. - Charcoal
#333333— ثانوي مٿاڇري جو ڍنگ، چيڪر بورڊ پاڇو چورس، پاڇو رنگ - Carbon
#151515— تصويرن کي ڀرڻ لاءِ امير غير جانبدار ٽون ۽ گھڻا چيڪر بورڊ ٽائلس. - Muted Gray
#737373— بٽڻن ۽ باڊي ٽيڪسٽ ۾ غير فعال/خاموش متن
ٽائپوگرافي
10 کان 18 پڪس تائين · 4 مرحلا
- Arcade — متبادل: VT323 · خاڪا 400, 700 · سڄي انٽرفيس ۾ هڪ ئي فونٽ استعمال ڪيو ويندو آهي - سڀئي هيڊنگ، ليبل، قيمتون، بٽڻ، باڊي ٽيڪسٽ، ۽ آئڪن آرڪيڊ ۾ آهن. 400 کان 700 تائين منتقلي هيرارڪي ٺاهڻ لاءِ واحد اوزار آهي؛ ٻيو فونٽ استعمال ڪرڻ ڪيوسڪ وهم کي برباد ڪري ڇڏيندو.
وقفا ۽ شڪل
| مقصد | مطلب |
|---|---|
| کثافت | ڳرو |
| بنيادي قدم | 4-8px |
| بٽڻ جو ريڊيس | 6px |
| ڪارڊ جو ريڊيس | 12px |
| پاڇا | پاڇن جي بدران ڪو به بارڊر نه |
| حصن جي وچ ۾ | 43-61px |
| صفحي جي ويڪر | 1200px |
AI توهان جي ويب سائيٽ FRANKY'S انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- 099 SUPPLY — ڪاري ۽ اڇي شين سان ڀريل هڪ گيلري ڀت
- teenage engineering — اسٽوڊيو لائٽنگ ۾ صنعتي ڪيٽلاگ - پراڊڪٽ صفحي تي واحد اهم شيءِ آهي، ۽ باقي هر شيءِ ان جي چوڌاري بحث ڪئي وئي آهي.
- Custo — هڪ گن ميٽل رنگ جي گيلري جنهن ۾ هڪ واحد فونٽ آهي. خاموش گرين-سائي رنگن ۾ هڪ شو روم، جتي هڪ ڪارو شيءِ ۽ 57px فونٽ پاڻ لاءِ ڳالهائين ٿا.
- Walden — ٻيلي جي فرش جي خاموشي - هر پيداوار هڪ پٿر آهي، هر عڪسل کائي ۽ خاموشي آهي.
- Fiverr — ڊجيٽل بازار جو مرڪزي نقطو اونداهي ٿيٽر اسٽيجز جي خلاف هڪ متحرڪ سائي نبض آهي. هڪ واحد نيون سائو نقطو لوگو لاءِ لنگر طور ڪم ڪري ٿو؛ باقي مونوڪروم آهي، جيڪو پيش ڪيل خدمتن جي اپيل کي اجاگر ڪرڻ لاءِ ٺاهيو ويو آهي.
- Peloton — جيٽ-ڪاري رن وي تي هڪ ڳاڙهي بتي. هڪ فٽنيس شو روم جتي هڪ چمڪندڙ ڳاڙهي CTA سائن وسيع، اونداهي نمائش واري جڳهه مان گذري ٿو ۽ شين سان ڀريل صاف، اڇي ڪمرن ڏانهن وٺي ٿو.
- HOUSEPLANT — هڪ ڪتابن جي دڪان جنهن ۾ لينن پيپر تي ميوا آهن.
- Adam Lippes — ڪريم پيپر تي هڪ مونوڪروم ايڊيٽوريل اسٽوڊيو - هڪ ووگ اسپريڊ جتي صرف سينگار لي آئوٽ گرڊ آهي، رنگ پيليٽ نه.
- Elektron — اڌ رات جو سامان ڪنٽرول پينل تقريبن ڪارو ڪينواس آهي، جتي پراڊڪٽ جون تصويرون چمڪنديون آهن جڏهن ته انٽرفيس عملي طور تي پوشيده رهندو آهي.
- Sigmaphoto — پريسيشن انسٽرومينٽس جي مونوڪروم گيلري هڪ خاموش اڇو ڪمرو آهي جتي صرف اهو رنگ اهم آهي جيڪو توهان کي عمل لاءِ سڏي ٿو.
- Channel Studio — هڪ ڪورل ليمپ شيڊ سان هڪ اسٽوڊيو فوٽو ليب
- Specht Studio — هڪ گيلري ڀت جيڪا محتاط تجسس سان ڀريل آهي. اسٽوڊيو جو پنهنجو ڪروم فنش هڪ اڇو مٿاڇري ۽ ڪارو اکر آهي؛ بصري آتش بازي مڪمل طور تي منصوبي جي ٽائل ورڪ ۾ مرڪوز آهي.