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— اضافي لیبلونه، د کټګورۍ ټګونه (بازار موندنه، مالي، خرڅلاو) - د لینک رنګ څخه یو ګام سپک.
ټایپوګرافي
له ۱۵ څخه تر ۹۰ پکسله پورې · ۸ ګامونه
- Signifier — بدیل: GT Sectra · بڼې 400 · د سرلیکونو او سرلیکونو لپاره یو سیریف فونټ — په ځانګړي ډول د H1/H2 لپاره په دریو اندازو کې کارول کیږي؛ د فونټ وزن په ټولو پیمانونو کې په 400 (منظم) کې پاتې کیږي، یو لاسلیک انتخاب: د سیریف فونټ د بولډ فونټ په څیر د چیغې کولو پرځای غږ کوي.
- Sohne — بدیل: Inter · بڼې 400, 430, 450, 480, 500 · اصلي، انٹرفیس، او نیویګیشن فونټونه هر اړخیز دي، چې د میټاډاټا څخه تر فرعي سرلیکونو پورې هرڅه پوښي؛ نیمه ګامه وزنونه (۴۳۰، ۴۵۰، ۴۸۰) پرته له دې چې بولډ ته لاړ شي یو فرعي درجه بندي رامینځته کوي.
وقفې او بڼه
| موخه | معنی |
|---|---|
| کثافت | اوسط |
| اساسي ګام | 8px |
| د تڼۍ وړانګې | 9999px |
| د کارت وړانګې | 24px |
| سیوري | د سیوري پر ځای هیڅ سرحد نشته |
| د برخو ترمنځ | 80px |
| د پاڼې پلنوالی | 1200px |
AI به ستاسو ویب پاڼه په Steep سټایل کې جوړه کړي او ډکه یې کړي
- د لینک له لارې محصولات او پوسټونه ډک کړئ - Instagram ، TikTok ، Facebook.
- له خپل زوړ سایټ څخه مواد انتقال کړئ — یوازې پته مشخص کړئ.
- په غوره انجن کې عصري ډیزاین: د سرور رینډرینګ او SEO اصلاح کولو سره React ( Next.js).
- د لټون پایلو او عصبي شبکې سپارښتنو لپاره په بشپړ ډول اتوماتیک SEO اصلاح کول.
ورته سټایلونه
- Newformcap — د جامو په خونه کې اداری ورځپاڼه
- Claude — په ګرمو پوستکو چاپ شوی هنري اثر — د هډوکو په کاغذ رنګ، د رنګ یوازینۍ ساه په توګه خټه
- 11x– Digital workers — د سینمايي اداریې ویجاړه ځمکه — د منظرې پینورامیک عکسونه چې د یادګاري سیرف سرلیکونو په وړاندې ترتیب شوي چې د یوې لوکس مجلې په څیر لوستل کیږي
- Revolut — د ورېځو د عکس پر بنسټ یو مونوکروم اداری کار - سپین رنګ، د ګولۍ بکس تڼۍ، د رنګ یوه واحد نیلي پټه په بل ډول په خړ پیمانه نړۍ کې.
- Scheduling — د کریم کاغذ باندې د اداری رنګ
- Titan — ګرم رنګه مونوکروم آرشیف
- Programa — د غرمه په وخت کې د سویس ډیزاین سټوډیو. د سپین ګالري دیوال د یو ژیړ میز څراغ لخوا روښانه شوی - هرڅه د خړ رنګونو کې دي تر هغه چې یو تڼۍ، آیکون، یا تلفظ سترګې ونیسي، او بیا هغه واحد ژیړ تلفظ ټوله خونه تعریفوي.
- Sana Agents — په اداریه کې په سپینه شالید کې د لیمو ځلا
- Visual — ګرم اداریه سمیزدات. کریم کاغذ، سیریف پوسټرونه، مونوکروم حاشیه، یو ژیړ مارکر.
- Midday — د ویلم په اړه اداری بروشر - د ګرمې ډبرې شالید کې 72px سیریف سرلیک، د سیریف بدن کاپي د فاصلې سره، د ګولۍ په شکل کنټرولونه، هیڅ سیوري نشته
- Chat for impact — د ځنګل شنه کلینیک چې د پیسټل رنګ خونو سره
- Handhold — د سخت اورېدل کېدونکو سیرفونو لاندې ګرمه ټوکرۍ — یو اداری خپریدل، د رنګین شور پرته لاسي سیټ، چیرې چې غوره 200 ټکي سیرف فونټ ټول غږ لیږدوي.