ٽيليگرام، WhatsApp  +380637610482
ويلري ڊينيوڪ
ويلري ڊينيوڪڊولپرڪاروبار لاءِ AI اوزار تيار ڪرڻ. اعليٰ معيار. سستي.ٽيليگرام تي لکو
Peak Design — هن انداز ۾ سائيٽ جو هڪ ڏيک

Peak Design

گيلري جي ڀت، جزوي طور تي روشن ٿيل

پيڪ ڊيزائن هڪ گيلري-معيار جو ڪمرشل تجربو آهي: هڪ تقريبن مونوڪروم ڪينواس جتي ايڊيٽوريل ٽائيپوگرافي ۽ پراڊڪٽ فوٽوگرافي سڀ ڪم ڪن ٿا. سسٽم ڪرپٽ اڇي مٿاڇري کي گہرے، لڳ ڀڳ ڪارا پينل سان متبادل بڻائي ٿو، شاندار ورهايل لي آئوٽ ٺاهي ٿو جتي هڪ پاسي هڪ اطالوي ٽائيپ فيس ۾ سيريف هيڊ لائن رکيل آهي ۽ ٻئي پاسي هڪ مڪمل اسڪرين پراڊڪٽ يا طرز زندگي جي تصوير. ٽائپوگرافي برانڊ جي بنيادي آواز آهي: هيڊ لائنز لاءِ هڪ ڊگهو، ڪنڊينسڊ، آرائشي سيريف ٽائيپ فيس (ايڪسپوزر جي انداز ۾)، يوزر انٽرفيس لاءِ هڪ غير جانبدار گريٽسڪ ٽائيپ فيس (گيسٽ) سان جوڙيل، ۽ خط، ابرو ۽ بٽڻن لاءِ هڪ ڪنڊينسڊ سينز-سيريف ٽائيپ فيس (برائنٽ). انٽرفيس صاف رهي ٿو: ڪو به ڪروميٽ UI عنصر، ڪو به آرائشي گريڊينٽ، ڪو به پاڇو نه - صرف نفيس سرحدون، ٻه ڪنڊ ريڊي (4 ۽ 8)، ۽ هڪ واحد ڳاڙهي تلفظ صرف ڪڏهن ڪڏهن زور ڏيڻ لاءِ استعمال ڪيو ويندو آهي. اجزاء آرائشي کان وڌيڪ سوچيندڙ نظر اچن ٿا: پتلي ورهائيندڙ، فليٽ پراڊڪٽ ڪارڊ، گولي جي شڪل وارا فلٽر، ۽ پوشيده بٽڻ جيڪي آرڪيٽيڪچرل تشريح وانگر محسوس ٿين ٿا.

مڪمل ويڪر واري صفحي جا حصا اڇي ۽ لڳ ڀڳ ڪاري رنگ جي وچ ۾ متبادل آهن؛ هر سيڪشن پوري ويو پورٽ ويڪر تي قبضو ڪري ٿو، سيڪشن جي سطح تي وڌ ۾ وڌ ويڪر جي حد ناهي. حصن اندر مواد جي وڌ ۾ وڌ ويڪر ~1440px آهي ۽ مرڪز ۾ آهي. غالب هيڊر پيٽرن هڪ 50/50 ورهايل آهي: هڪ پاسي هڪ ٽيڪسٽ بلاڪ (برائوزنگ + هيڊ لائن + سب ٽيڪسٽ + بٽڻ)، ۽ ٻئي پاسي هڪ مڪمل ويڪر واري پراڊڪٽ يا طرز زندگي جي تصوير. فولڊ جي هيٺان، پراڊڪٽ گرڊ 24-32px جي سخي گٽرن سان برابر ويڪر پراڊڪٽ ڪارڊن جا چار ڪالم استعمال ڪري ٿو. ڪيٽيگري فلٽر پينل "گولين" جي افقي قطار ۾ مکيه نيويگيشن جي هيٺان سڌو سنئون پوزيشن ۾ آهن. حصن جي تال کي حصن جي وچ ۾ 80px عمودي انڊينٽيشن سان متبادل روشني / اونداهي پٽين ذريعي بيان ڪيو ويو آهي، هڪ ايڊيٽوريل-ميگزين تال ٺاهيندي. نيويگيشن هڪ مقرر ٿيل مٿي بار آهي جنهن جي مٿان هڪ پتلي اشتهار پٽي آهي.

بصري ٻولي پراڊڪٽ فوٽوگرافي جو غلبو آهي: بيگز، بيلٽ، ۽ ڪئميرا سامان روزمره جي زندگي جي تناظر کان سواءِ خالص اڇي پس منظر جي خلاف تصويرون ڪڍيون وينديون آهن، روشني سان مواد جي بناوت ۽ هارڊويئر جي تفصيل کي اجاگر ڪندي. روزاني تصويرون صرف مڪمل اسڪرين ايڊيٽوريل سيڪشن ۾ ظاهر ٿين ٿيون (مثال طور، هٿ هڪ دائري ۾ ڪئميرا جهليل آهن) ۽ ورهايل پينل جي هڪ پاسي ويو پورٽ جي پوري ويڪر تي قبضو ڪن ٿيون. تصويرن جو مکيه تصوير ۾ ڪو به ڪنڊ ريڊيس ناهي (اهي ڪنارن سان فلش آهن)، ۽ ڪارڊ تصوير ۾ ڪو به ڪنڊ ريڊيس ناهي. ڪابه تصوير، ڪو به خلاصو گرافڪس، فنڪشنل UI آئڪن کان سواءِ ڪو به آئڪن تصويرون نه آهن. پراڊڪٽ فوڪس آهي - اسٽوڊيو-معيار جون تصويرون، مسلسل زاوين سان، مسلسل روشني، ۽ هڪ مسلسل اڇو پس منظر - جڏهن ته UI پس منظر ۾ ختم ٿي ويندو آهي، شين کي پاڻ لاءِ ڳالهائڻ جي اجازت ڏيندو آهي.

پيليٽ

غير جانبدار

  • Carbon Ink #1a211e — باڊي ٽيڪسٽ، ڊارڪ سائڊبار، باڊي ٽيڪسٽ، آئڪن، هلڪي مٿاڇري تي فريم - هڪ تقريباً ڪارو رنگ جيڪو هر هيڊنگ لاءِ بنياد طور ڪم ڪري ٿو ۽ ورهايل حصن جي ڊارڪ پس منظر پينل ٺاهي ٿو.
  • Paper White #ffffff — هڪ هلڪو سهارو ڏيندڙ مٿاڇري جيڪو هڪ غير مداخلت ڪندڙ پس منظر ٺاهڻ ۽ حصن کي الڳ ڪرڻ لاءِ. ان کي ڪال ٽو ايڪشن لاءِ بنيادي رنگ طور استعمال نه ڪيو وڃي.
  • True Black #000000 — وڌ ۾ وڌ ڪنٽراسٽ سان عنصر - سفيد پس منظر تي هيڊر فل، اعلان بار، فوٽر ڊيزائن، مضبوط آئڪن آئوٽ لائنز - اتي رکيا ويندا آهن جتي ڊيزائن کي واضح ترين لائينن جي ضرورت هوندي آهي.
  • Obsidian #0c0c0c — ڊيپ پينل مٿاڇريون ۽ تصويري اوورليز - سچي ڪاري کان ٿورو نرم، اونداهي علائقن لاءِ استعمال ڪيو ويندو آهي جيڪي پوري اسڪرين جي مٿاڇري کي گهيرو ڪن ٿا ۽ مضبوط محسوس ٿيڻ گهرجي پر فليٽ ڪاري وانگر سخت نه.
  • Fog #eef1f0 — هڪ هلڪو سهارو ڏيندڙ مٿاڇري جيڪو هڪ غير مداخلت ڪندڙ پس منظر ٺاهڻ ۽ حصن کي الڳ ڪرڻ لاءِ. ان کي ڪال ٽو ايڪشن لاءِ بنيادي رنگ طور استعمال نه ڪيو وڃي.
  • Mist #e0e0e0 — ورهائيندڙ لائينون، معذور حالتون، نازڪ ساختي ورهائيندڙ - هڪ وچولي هلڪو ڀوري رنگ جيڪو اڇي ڪينواس تي حصن جي وچ ۾ حدون بيان ڪري ٿو.

ٽائپوگرافي

14 کان 80 پکسلز تائين · 6 مرحلا

  • Geist — متبادل: Inter · خاڪا 400, 600, 700 · مکيه متن، پراڊڪٽ جا عنوان، وضاحتون، فارم فيلڊ، لنڪ ٽيڪسٽ، ۽ فوٽر مواد. فونٽ جو وزن: مکيه متن لاءِ 400، نمايان شين لاءِ 600، ۽ پراڊڪٽ جي عنوانن ۽ اهم ان لائن نوٽس لاءِ 700. غير جانبدار گريٽسڪ فونٽ ڊسپلي سيرف ۽ ڪنڊينسڊ سينز فونٽس کي برانڊ انداز کي ظاهر ڪرڻ جي اجازت ڏئي ٿو، جڏهن ته گيسٽ ڪارڪردگي ۽ پڙهڻ جي صلاحيت فراهم ڪري ٿو.
  • Exposure-style serif (Exposure-10) — متبادل: Playfair Display · خاڪا 400 · هيڊ لائنون ۽ مکيه هيڊنگ. هڪ اٽالڪ سيريف فونٽ ۾ هڪ واحد وزن (400) ادارتي اختيار پيدا ڪري ٿو - اهي لفظ برانڊ ٽون مقرر ڪن ٿا، جيڪي ڊارڪ پينلز تي گهٽ استعمال ڪيا ويندا آهن جيڪي صفحي جي پوري ويڪر ۽ اهم حصن جي شروعات ۾ پکڙيل آهن. سخت اکرن جي فاصلي (-0.025em) وڏن اکرن کي هلڪو وزن جي بدران محدود نظر اچڻ جي اجازت ڏئي ٿي.
  • Bryant-style condensed sans (bryant) — متبادل: Druk Wide · خاڪا 700 · نيويگيشن ليبل، ڪيٽيگري فلٽر بٽڻ، بٽڻ ٽيڪسٽ، "ابرو"، سيڪشن ٽيگ، ۽ اضافي هيڊنگ. مثبت اکرن جي فاصلي سان دٻيل وڏا اکر هڪ صنعتي، ليبل جهڙو انداز ٺاهيندا آهن - اهي لفظ سڃاڻپ ۽ هدايت ڪندا آهن، پر ڪڏهن به بيان نه ڪندا آهن.

وقفا ۽ شڪل

مقصدمطلب
کثافتسراسري
بنيادي قدم24px
بٽڻ جو ريڊيس4px
ڪارڊ جو ريڊيس8px
پاڇاپاڇن جي بدران ڪو به بارڊر نه
حصن جي وچ ۾80px
صفحي جي ويڪر1440px

AI توهان جي ويب سائيٽ Peak Design انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.

  • لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
  • پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
  • بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
  • ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.

هڪجهڙا انداز

  • Arsenijs Fabrica — ادارتي مواد جي فطري خوبصورتي گيلري جي روشنين هيٺان ظاهر ٿئي ٿي. گيلري جون صاف سٿريون اڇيون ڀتيون، مونوڪروم پس منظر جي خلاف نارنگي رنگ جي هڪ گرم اسٽروب روشني، شيشي جي پتلي قسم، ۽ اڇي جاءِ جي ڪثرت.
  • 21 TSI — هڪ ڳاڙهو خالي، هڪ واحد سلائيٽ - هڪ اعليٰ فيشن ايڊيٽوريل جتي يوزر انٽرفيس فضا ۾ ڦهلجي ويندو آهي.
  • Aevi Wellness — اسڪينڊينيوين دوا سازي جو انداز، بي وزن ٽائيپ فيس. هڪ خاموش گرين-نيرو تلفظ ادارتي مواد جي مجموعي رنگين، هوادار ترتيب کي ٽوڙي ٿو، جتي پراڊڪٽ جون تصويرون گرم سفيد پس منظر جي خلاف پتلي بارڊر ٿيل ڪارڊن تي سپر امپوز ڪيون ويون آهن.
  • Palmer — نرم ڏينهن جي روشنيءَ ۾ هڪ سيرامڪ گيلري - ڀت سان رابطو ٿئي ٿو، ۽ شيون آرٽ آهن.
  • PLATFORM — وائيٽ ڪيوب گيلري اسپاٽ لائٽ هيٺ
  • Assembly Coffee London — هڪ اونداهي روسٽري ۾ ڪوئلي. گرم، مدھم روشنيءَ واري پراڊڪٽ جي تصويرن ۽ ڪرسيو سيريف خطن سان گڏ هڪ تقريباً ڪارو ڪينواس - اڌ رات جي سميزدات ۾ ڇپيل هڪ خاص ڪافي مينيو جو احساس.
  • ARTWORLD — اڇي ڪپڙي تي فيشن ميگزين جي سرخي
  • Structured — پلاسٽينائن جهڙي ڪاغذ تي نشاۃِ ثانيه گيلري
  • Airbnb — هڪ خاموش اڇي گيلري واري ڀت جنهن ۾ هڪ واحد مرجان ڳاڙهي بُڪ مارڪ آهي.
  • VISIONNAIRE — هڪ ڪرپٽ سفيد پس منظر تي هڪ اسٽريٽ ويئر ايڊيٽوريل گيلري. برانڊ هڪ پرنٽ ٿيل لُڪ بڪ وانگر ڪم ڪري ٿو: هڪ فليٽ اڇو ڪينواس، ڪرپٽ ڪاري مس، ۽ هڪ واحد گرم ڪريم پينل جيڪو هڪ پراڊڪٽ يا لوگو کي ڏيکارڻ لاءِ رنگ بلاڪ طور استعمال ڪيو ويندو آهي.
  • Letter — هڪ خانگي گيلري جنهن ۾ اسٽوريج مان چمڪندڙ شيون ڏيکاريل آهن. هڪ ڪاري ڀتين واري نمائش واري جاءِ جتي گيلري جي رنگين ڀتين تي ڪروم مجسمن جي مٿان سيريفڊ هيڊ لائنون ترنديون آهن.
  • Ramp — ادارتي فنانس ڊپارٽمينٽ، هڪ واحد نيون مارڪر سان ڪارا ۽ اڇا صفحا. اشاعت جي عملي طور تي مونوڪروم مٿاڇري، جتي هڪ روشن لائم-سائي اسٽروڪ هر رابطي کي مالي سگنل ۾ تبديل ڪري ٿو.