Superhuman
د ګولډن آور اداری پینل
فوق العاده انسان د اداری عکاسي او سافټویر UI ترمنځ د تقاطع په اوږدو کې پروت دی — یو ګرم، پارچمنټ ته ورته کینوس (هیڅکله خالص سپین نه) د مرون برانډینګ عناصرو او متحرک ارغواني تلفظونو چوکاټونه. سرلیکونه، چې په 460 فونټ کې تنظیم شوي، د چیغې پر ځای غږ کوي، د بشپړ پاڼې سینمایی عکس اخیستنې ته اجازه ورکوي چې دروند پورته کړي، پداسې حال کې چې شفاف محصول UI کارتونه د عکسونو څخه پورته د شیشې په څیر تیریږي. پیلټ ډیری وخت ارام او اداری پاتې کیږي: کریم سطحې، د چارکول متن، فرعي ګرم خړ سرحدونه، او د عناصرو ترمنځ سخاوتمندانه واټن، د قصدي برانډ ټکي لپاره ساتل شوي رنګ سره — د عمل لپاره یو واحد مرون کال، ارغواني لینکونه، د سپک لیلک اضافه تڼۍ. سیسټم په قصدي ډول د UI سطحو کې قوي سیوري او تدریجي څخه مخنیوی کوي؛ ژوروالی د پرت لرونکي عکس اخیستنې او په سرلیک کې د فرعي شالید بلور له لارې ترلاسه کیږي، نه د سټیکینګ اغیزې له لارې.
اصلي عنصر یو بشپړ پلنوالی عکس دی چې د مرکز سرلیک (۴۸-۶۴ پکسلز/۴۶۰) او د عمل لپاره یو واحد غږ دی چې د شرابو انځور سره ډک شوی، د لامبو وهونکي شفاف محصول UI کارتونو سره چې په چپ او ښیې څنډو کې پوښل شوي دي. د اصلي عنصر لاندې د سپینې پټې لوګو پټه ده (په هر قطار کې ۶ حجرې، اعظمي عرض محدود دی)، بیا د ټب برخه د سپینو کارت سطحو سره په پارچمنټ کینوس کې. یو تیاره فیروزي پټه د پاڼې له لارې د لارې شاوخوا دوه پر دریمه برخه تال ماتوي — بشپړ پلنوالی، دوه ستنې (انځور په چپ اړخ کې، متن په ښي اړخ کې) — یوازینی ټونال برعکس رامینځته کوي کله چې تاسو سکرول کوئ. یو تدریجي اتموسفیر پټه تعقیبوي. د برخو ترمنځ عمودی واټن ۶۴-۹۶ پکسلز دی. د مینځپانګې اعظمي عرض ~۱۲۰۰ پکسلز دی، د اصلي عنصر او تیاره پټه د ویو پورټ بشپړ پلنوالی سره. نیویګیشن یو واحد ثابت سرلیک دی چې یو تیاره شالید لري؛ هیڅ اړخ پټه، هیڅ میګا مینو نشته. فوټر د لینکونو د څو کالم ترتیب سره د بشپړ پلنوالی برګنډي پاڼه ده. ټولیز تال دا دی: اصلي چوکاټ → ارام سپین/کریم مینځپانګه → د اصلي عکس سره تیاره پټه → د اتموسفیر تدریجي → د برګنډي فوټر، د اداری ټیمپو رامینځته کولو لپاره د رڼا او تیاره پټو بدلول.
لومړنی بصري عنصر سینمايي عکاسي ده: د خلاص اسمان په وړاندې د بشپړ پلنوالي انځور د مرکزي نقطې په توګه کار کوي، د پاڼې په ښکته کې د دوهم اتموسفیر پټې سره موقعیت لري. انځور په ګرمه توګه ټون شوی، په لنډ ډول خاموش شوی، او په پروفایل کې اخیستل شوی، د طلایی ساعت یادونه کوي، د کارپوریټ احساس څخه ډیر اداری احساس رامینځته کوي. د شفاف جیومیټریک مستطیلونو او لاس لیکل شوي لیکنو سره یو تیاره پټه د یو سړي عکس باندې سپر شوی چې په فکر کې ورک دی - د یو واحد عکس پرځای د سطحو کولیج. د کارونکي انٹرفیس د جلا سکرین شاټونو پرځای د عکس په مستقیم ډول سپر شوی د تیرونکي شیشې کارتونو په توګه وړاندې کیږي. هیڅ سټاک انځورونه، هیڅ 3D رینډرونه، او هیڅ خلاص آرائشی بڼې شتون نلري، د تدریجي اتموسفیر پټې لپاره پرته. عکسونه لږترلږه مونوکروم لاین عکسونه دي، ~ 16-20px پراخ، د 460 ټکي متن وزن سره مطابقت لري یو واحد عرض سره.
پالټ
برانډ
- Midnight Wine
#421d24— د عمل اصلي تڼۍ، د بینر اعلان، او فوټر یو ګرم، تقریبا تور برګنډي دی چې د سور په پرتله د رنګ په څیر احساس کوي، د رنګ پیلټ پرته له دې چې غالب شي لنگر کوي. - Royal Violet
#714cb6— ارغواني رنګ د لینکونو، ټګونو او لنډو جملو د روښانه کولو لپاره کارول کیږي. دا باید د عمل کولو لپاره د لومړني رنګ په توګه ونه کارول شي.
بې طرفه
- Lilac Mist
#d4c7ff— د سطحې ثانوي ډکول، رڼا عکسونه، او د غوسټ تڼۍ شالیدونه ټول یو خاموش ارغواني رنګ لري چې د برانډ سټایل ته اشاره کوي پرته له دې چې ځان ته بې ځایه پاملرنه راجلب کړي. - Deep Lagoon
#0c4243— د پټې لپاره تیاره شالید، چې د اصلي داستاني عنصر په توګه کارول کیږي، په سیسټم کې یوازینۍ تیاره سطحه ده، چې د پوښل شوي جیومیټریک نمونې سره یوځای شوې ده. - Warm Parchment
#f2f0eb— د پاڼې کاري سطحه غالب عنصر دی؛ یو ګرم کریم رنګ د اساس په توګه سپین ځای نیسي، چې ټول سیسټم ته د اداریې تودوخه ورکوي. - Soft Mist
#e3e3e2— ښې پولې، د کارتونو بڼې، د وېش کرښې - یو ګرم، سپک خړ رنګ چې د چرم پاڼې سره مخلوط کیږي مګر په روښانه توګه څنډې تعریفوي. - Ink Charcoal
#292827— د بدن متن، سرلیکونه، د عکسونو بڼې - یو ګرم، تقریبا تور رنګ چې دومره نسواري وي چې د کاغذ په رنګ کې د رنګ په څیر احساس شي، هیڅکله سړه نه وي #000 - Stone Gray
#666666— د بدن دوهمه کاپي، ملاتړ کوونکي متنونه، پټ توضیحات - یو واحد منځنی خړ رنګ، په احتیاط سره کارول شوی ترڅو هیڅکله د اصلي متن سره سیالي ونکړي.
ټایپوګرافي
له ۱۲ څخه تر ۶۴ پکسله پورې · ۸ ګامونه
- Super Sans VF — بدیل: Inter (closest open equivalent for variable weight range) · بڼې 460, 500, 540, 600, 700 · په ټول سیسټم کې یو واحد فونټ. د محور متغیرات د 460 (یو لاسلیک، د ټولو لوی سرلیک متن لپاره یو څه کرپ شوی فونټ) څخه تر 540 (ټینګار شوی بدن متن) او 700 (کوچني، زړور سرلیکونه) پورې سلسله لري. یو ځانګړی ډیزاین شوی VF د 460 وزن سرلیکونه د ناڅاپي په پرتله ډیر قصدي ښکاري — په 48-64px کې د لیکونو د سخت واټن سره، د "لږ کرپ شوی" اغیز د پتلي پرځای باوري ګڼل کیږي.
وقفې او بڼه
| موخه | معنی |
|---|---|
| کثافت | ګڼ |
| اساسي ګام | 8px |
| د تڼۍ وړانګې | 16px |
| د کارت وړانګې | 16px |
| سیوري | د سیوري پر ځای هیڅ سرحد نشته |
| د برخو ترمنځ | 64-96px |
| د پاڼې پلنوالی | 1200px |
AI به ستاسو ویب پاڼه په Superhuman سټایل کې جوړه کړي او ډکه یې کړي
- د لینک له لارې محصولات او پوسټونه ډک کړئ - Instagram ، TikTok ، Facebook.
- له خپل زوړ سایټ څخه مواد انتقال کړئ — یوازې پته مشخص کړئ.
- په غوره انجن کې عصري ډیزاین: د سرور رینډرینګ او SEO اصلاح کولو سره React ( Next.js).
- د لټون پایلو او عصبي شبکې سپارښتنو لپاره په بشپړ ډول اتوماتیک SEO اصلاح کول.
ورته سټایلونه
- AI for Business — په ګرمو خړ رنګونو کې د ظالمانه اداری نندارتون
- Jeton — د ګرمو مرمرونو په اړه د فنټیک په اړه یوه اداریه
- Airtable — یو آرام سیمینار چې فصلونه یې په مختلفو رنګونو نښه شوي دي
- Osmo — د خړ کانکریټ په اړه د پراختیا کونکو موزیم
- Linktr — د اداریې پوسټرونه د کینډي په څیر ډک شوي دي. ویب پاڼه په رنګین بلاکونو کې ډیزاین شوې، د روښانه شنه سرلیکونو سره د کوبالټ نیلي دیوالونو په وړاندې تنظیم شوي، او د سپینو ګولیو په شکل نیویګیشن عناصر د برګنډي کروندو څخه پورته تیریږي.
- Outsource Consultants — په هډوکي کاغذ باندې د لوی شکل معمارۍ پاڼه. یو مونوګرافیک جمالیات، چیرې چې د انډیګو یو روښانه ټوټه د تودوخې، ټایپوګرافیک پلوه اعظمي گرډ مداخله کوي.
- Streamtime — د تکتیک تخلیقي مزاج بورډ - د ډیزاینر سکریپ بوکینګ میز
- Switch-Lit — د اداریې گرډ په کریم کاغذ باندې په رنګ چاپ شوی
- HubSpot — د ګرم کریم کاغذ رنګ د یو واحد نارنجي تلفظ سره. HubSpot د ډیزاینر مجلې سره ورته والی لري چې په درانه کاغذ چاپ شوی - د سیرف سرلیکونه، ګرم کریم پاڼې، او یو واحد اوریدونکی نارنجي تلفظ چې یوازې خورا مهم ټکي روښانه کوي.
- Granola — په ګرمو ویلم باندې د ساحې یادښتونه — ګرانولا د لمر په رڼا کې د میز پرانستل شوي ښه زړې مولسکین نوټ بوک په څیر لوستل کیږي: د سیرف سرلیکونه د ټینګښت احساس ورکوي، عضوي شنه تلفظونه لکه د نباتاتو پر بنسټ رنګ، او د کارتونو په حاشیو کې ښې کرښې چې د لاس لیکل شوي نوټونو سره ورته وي.
- Secure — په یوه اروپايي کافه کې د ورځې په رڼا کې خبرې اترې د ویډیو زنګ وهلو په اړه یوه ګرمه او سټایلش بڼه ده، چیرې چې د سیرف سرلیکونه د تخنیکي محصول پاڼې پرځای د یوې فکري مجلې مقالې په څیر لوستل کیږي.
- Mockups made easy — په سپین کاغذ کې د اداری ډیزاین سټوډیو