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

Steep

گرم پيپر تي سيرف فونٽس جو تجزيو

اسٽيپ اينالائيٽڪس کي ايڊيٽوريل مواد جي طور تي پيش ڪري ٿو - سائنفائر سيريف هيڊ لائنز تقريبن مونوڪروم سفيد ڪينواس جي مٿان ترنديون آهن، ۽ هڪ گرم پيچ ايڪسينٽ (#fbe1d1) ٻي صورت ۾ ايڪروميٽڪ سسٽم کي انڊر اسٽريڪ ڪري ٿو. صفحو هڪ پراڊڪٽ ميگزين اسپريڊ وانگر پڙهي ٿو: وڏو، ڪرسيو ٽائيپ فيس، ڪافي ٽيڪسٽ اسپيس، نرم 24px-ريڊيس ڪنارن سان وڏا ڪارڊ، ۽ گولي جي شڪل وارا ڪنٽرول مٿاڇري سان فلش ٿين ٿا. اجزاء پرسکون ۽ بي وزن محسوس ڪن ٿا - پاڇا نازڪ آهن، سرحدون پتلي آهن، ۽ رنگ فنڪشنل زور لاءِ استعمال ڪيو ويو آهي (پيچ ڪال آئوٽ، پيچ پس منظر تي ڳاڙهو ناسي خط). پراڊڪٽ جي مٿاڇري (ريجن ٽيبل، ايڪٽيويشن ڊاگرام، AI بلڊرز) ڊيش بورڊ جي شيل اندر نيسٽ ڪرڻ جي بدران هيڊر جي چوڌاري فلوٽنگ عنصرن جي طور تي پيش ڪيا ويا آهن.

صفحي جي لي آئوٽ جي وڌ ۾ وڌ ويڪر 1200px آهي، مرڪز ۾، مکيه حصا تقريبن سڄي صفحي جي ويڪر تي قبضو ڪن ٿا پر ڪنٽينر اندر باقي رهن ٿا. مکيه لي آئوٽ ۾ هڪ مرڪزي هيڊر آهي جنهن ۾ هڪ وڏو سيريف فونٽ، هڪ سب هيڊر، ۽ پِل بٽڻن جو هڪ جوڙو آهي، جيڪو چار فلوٽنگ پراڊڪٽ وضاحت ڪارڊن سان گھريل آهي (علائقو ٽيبل مٿي کاٻي، رجسٽريشن ڪارڊ ساڄي، ايڪٽيويشن ڊاگرام هيٺان کاٻي، AI ايڊيٽر هيٺان مرڪز) جيڪي مختلف آفسيٽس تي هڪ اڇي ڪينواس کي اوورليپ ڪن ٿا. سيڪشن پيپر وائيٽ ۽ ڪارڊ مِسٽ پس منظر جي وچ ۾ متبادل آهن، مضبوط برعڪس کان سواءِ هڪ پرسکون تال ٺاهيندا آهن. فيچر سيڪشن ٽيڪسٽ ۽ UI جي ٻن ڪالمن واري لي آئوٽ کي استعمال ڪندا آهن جن ۾ وڏي 80px عمودي گٽر آهن. نيويگيشن هڪ واحد شفاف ٽاپ بار آهي (ڪو به پس منظر، بارڊر، يا پاڇو ناهي) کاٻي پاسي لوگو سان، مرڪز ۾ نيويگيشن لنڪس، ۽ ساڄي پاسي ٻه ڪال ٽو ايڪشن (ٽيڪسٽ لنڪ + ڀريل پِل بٽڻ). مجموعي لي آئوٽ کثافت وسيع آهي - صفحو حصن جي وچ ۾ "سانس" وٺندو آهي، ۽ مواد ڪڏهن به ڪنارن کي گڏ نه ڪندو آهي.

بصري ڊيزائن پراڊڪٽ تي ڌيان ڏئي ٿو، طرز زندگي تي ڌيان نه ڏئي ٿو: سچل UI عنصر (پنج قطار ڊيٽا سان علائقائي جدول، آگسٽ-نومبر ۾ سرگرميون ڏيکاريندڙ لائن چارٽ، ريڊيل پروگريس رِنگ، AI ان پٽ فيلڊ) ايڊيٽوريل هيڊ لائنز جي چوڌاري ڪراپ ٿيل اسڪرين شاٽ جي طور تي ترتيب ڏنل آهن. ڪابه تصويرون، تصويرون، يا خلاصو گرافڪس نه آهن. سڀئي بصري پراڊڪٽ عنصر سفيد فلوٽنگ ڪارڊن تي پتلي سرحدن ۽ نرم پاڇن سان رکيا ويا آهن. اوتار حلقن ۾ هڪ ننڍڙو ڪرسر هدايتي اشارو آهي - هڪ بصري موٽف سگنلنگ ريئل ٽائيم انٽراڪشن. مکيه جوڙجڪ ٽيڪسٽ ۽ UI جو هڪ ڪولاج آهي، اسٽاڪ فوٽو سان مرڪزي هيڊ لائن جي بدران.

پيليٽ

غير جانبدار

  • Ink Black #17191c — مکيه متن، ڀريل بٽڻ پس منظر، ۽ نيويگيشن لوگو سسٽم ۾ صرف ڪارو سطحون آهن؛ مکيه متن ۾ سڀئي ڪال ٽو ايڪشن ۽ هيڊ لائنون هن لڳ ڀڳ ڪاري پس منظر جي خلاف ظاهر ٿين ٿيون.
  • Paper White #ffffff — صفحي جو ڪينواس، بٽڻ جو متن، ۽ ايمباسڊ ڪارڊ مٿاڇريون غالب پس منظر جو ڍنگ آهن، جيڪي تقريبن 76 فريڪوئنسي پوائنٽس کڻن ٿيون.
  • Mist Gray #f2f2f3 — ڪارڊ جون مٿاڇريون، اضافي پس منظر، ان پٽ فيلڊ فلز - ايمبيڊڊ مواد لاءِ ڪاغذ جي هيٺان هڪ پوشيده پرت.
  • Fog White #fafafb — هور تي متبادل حصن ۽ سطحن لاءِ هڪ اضافي صفحي جو پس منظر - ڪاغذ کان هڪ قدم مٿي نفيس پٽي جي تبديلين کي ٺاهڻ لاءِ.
  • Slate Gray #777b86 — لنڪ جو رنگ، خاموش معاون متن، فوٽر متن - مکيه متن ۽ متن جي وچ ۾ رکيل هڪ ٿڌو، غير سير ٿيل گرين رنگ جيڪو شامل نه ٿو ڪري سگهجي.
  • Ash Gray #979799 — اضافي ليبل، ڪيٽيگري ٽيگ (مارڪيٽنگ، فنانس، سيلز) - لنڪ جي رنگ کان هڪ قدم هلڪو.

ٽائپوگرافي

15 کان 90 پکسلز تائين · 8 مرحلا

  • Signifier — متبادل: GT Sectra · خاڪا 400 · هيڊ لائنز ۽ عنوانن لاءِ هڪ سيريف فونٽ - ٽن سائزن ۾ خاص طور تي H1/H2 لاءِ استعمال ڪيو ويندو آهي؛ فونٽ جو وزن سڀني اسڪيلن تي 400 (باقاعده) تي رهي ٿو، هڪ دستخطي پسند: هڪ سيريف فونٽ هڪ بولڊ فونٽ وانگر چيخڻ بدران وسوسا ڏئي ٿو.
  • Sohne — متبادل: Inter · خاڪا 400, 430, 450, 480, 500 · مکيه، انٽرفيس، ۽ نيويگيشن فونٽ ورسٽائل آهن، جيڪي ميٽا ڊيٽا کان وٺي ذيلي عنوانن تائين هر شيءِ کي ڍڪيندا آهن؛ نيم قدم وارا وزن (430، 450، 480) بولڊ ڏانهن ٽپو ڏيڻ کان سواءِ هڪ نفيس درجي بندي ٺاهيندا آهن.

وقفا ۽ شڪل

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

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

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

هڪجهڙا انداز

  • Newformcap — ڊريسنگ روم ۾ ادارتي اخبار
  • Claude — گرم پارچمينٽ تي ڇپيل هڪ نمونو - هڏين جي ڪاغذ تي مس، رنگ جي واحد سانس طور مٽي
  • 11x– Digital workers — هڪ سينيمائي ايڊيٽوريل ويران زمين - يادگار سيريف هيڊ لائنز جي خلاف سيٽ ڪيل نظارن جون پينورامڪ تصويرون جيڪي هڪ عيش عشرت واري رسالي وانگر پڙهيون وڃن ٿيون.
  • Revolut — ڪڪرن جي تصوير تي ٻڌل هڪ مونوڪروم ايڊيٽوريل ڪم - اڇي مس، پِل باڪس بٽڻ، رنگ جي هڪ نيري پٽي ٻي صورت ۾ گري اسڪيل دنيا ۾.
  • Scheduling — ڪريم پيپر تي ايڊيٽوريل مس
  • Titan — گرم رنگ وارو مونوڪروم آرڪائيو
  • Programa — منجهند جو هڪ سوئس ڊيزائن اسٽوڊيو. اڇي گيلري جي ڀت هڪ پيلي ٽيبل ليمپ سان روشن ڪئي وئي آهي - هر شيءِ گرين رنگن ۾ آهي جيستائين هڪ بٽڻ، آئڪن، يا تلفظ نظر نه اچي، ۽ پوءِ اهو واحد پيلو تلفظ سڄي ڪمري کي بيان ڪري ٿو.
  • Sana Agents — ادارتي ۾ اڇي پس منظر تي چوني جو چمڪ
  • Visual — گرم ايڊيٽوريل سميزدت. ڪريم پيپر، سيريف پوسٽر، مونوڪروم حاشيو، هڪ پيلو مارڪر.
  • Midday — ويلم تي ايڊيٽوريل بروشر - گرم پٿر جي پس منظر تي 72px سيريف هيڊ لائن، فاصلي سان سينز سيريف باڊي ڪاپي، گولي جي شڪل وارا ڪنٽرول، ڪو به پاڇو نه
  • Chat for impact — پيسٽل رنگن وارن ڪمرن سان گڏ هڪ ٻيلي سائي ڪلينڪ
  • Handhold — مشڪل سان ٻڌڻ ۾ ايندڙ سيرفن جي هيٺان گرم پارچمينٽ - هڪ ادارتي اسپريڊ، رنگين شور کان سواءِ هٿ سان ٺهيل، جتي بهترين 200 پوائنٽ سيرف فونٽ سڄي آواز کي پهچائي ٿو.