Seline Analytics
په ګرم کاغذ باندې یو خاموش تحلیلي میز
سیلین د ګرمو ډبرو شالید (#fafaf9) په وړاندې د یو واحد متحرک نیلي تلفظ سره تنظیم شوی دی - نور ټول رنګونه بې طرفه دي او د ټیل وینډ ډبرو رنګ پیلټ څخه اخیستل شوي دي. سرلیکونه په دودیز ډیزاین شوي جیومیټریک سینز سیریف فونټ (روبرټ) کې د 400 وزن او تنګ منفي لیک فاصله سره وړاندې کیږي، متن ته یو آرامه، تقریبا د غږ په څیر باور ورکوي چې د معمولا لوړ SaaS سټایل سره توپیر لري. د UI سطحې فلیټ سپین کارتونه دي، د ګرمو شالید څخه پورته د یو واحد، نرم، 16px تور سره تیریږي؛ سرحدونه د پتلو، 1px ډبرو ټون شوي لیکو سره رامینځته شوي، په سخاوت سره د درنو ویشونکو یا پینلونو پرځای د لومړني ساختماني عنصر په توګه کارول کیږي. ترتیب تنفس کوي: د بشپړ عرض مینځپانګه په سخاوتمند عمودی تال باندې متمرکزه ده، د ګولۍ په شکل متقابل کنټرولونو سره، د شخصیت لپاره د ماسکوټ انځور، او د محصول ثبوت په توګه د ډشبورډ سکرین شاټونه. ټولیز تاثر په اداری ډول تحلیلي دی: ارام، مونوکروم، باوري، د عمل لپاره نیلي غږ په پاڼه کې ترټولو حیرانونکی عنصر دی چې د هرڅه د قصدي محدودیت څخه مننه.
پاڼه اعظمي پلنوالی لري، چې شاوخوا ۱۲۰۰ پکسله متمرکزه ده او ډېر عمودي ځای لري. اتل د متن دوه کرښې، کیڼ اړخ ته تنظیم شوی بلاک دی چې په نیلي رنګ کې یو واحد، روښانه شوی جمله ("ساده او مؤثر") لري، ورپسې د عمل لپاره دوه زنګونو سره یو قطار (نیلي ګولۍ + د غوسټ ګولۍ)، بیا په خړ پیمانه کې د ملګري لوګو قطار، بیا د باور درجه بندي قطار، او بیا د بشپړ پلنوالي فلوټینګ ډشبورډ مخکتنه، چې یو څه بل برخه یې سره یوځای کوي. د پوښ لاندې د یو واحد کالم ګریډ کې د تعریفونو بدیل قطارونه دي، وروسته د بشپړ پلنوالي برخې د ځانګړتیا توضیحاتو سره، کیڼ اړخ ته تنظیم شوي متن، او د محصول متمرکز لیدونه. نیویګیشن یو لږترلږه پورتنۍ بار دی — په کیڼ اړخ کې لوګو، متمرکز نیویګیشن لینکونه، ننوتل + په ښي خوا کې نیلي کال ټو ایکشن — د نیویګیشن په مینځ کې د اوتارونو د فلوټینګ کلستر سره چې د هویت تصدیق په توګه کار کوي. د برخو ترمنځ ځایونه پراخه دي (۹۶ پکسلز) ترڅو د معلوماتو د ګڼ ګډوډۍ پرځای د اداری تال رامینځته کړي.
د بصري ژبې تسلط د محصول د کارونکي انٹرفیس د سکرین شاټونو لخوا دی - د ډشبورډ مخکتنه یو عکس دی چې د خړ پیمانه (1) (0.94) برعکس فلټر سره وړاندې شوی، کوم چې د معلوماتو رنګونه په مونوکروم رنګ کې خاموش کوي. یوازینی انساني شخصیت یو خطي ماسکوټ سټیکر (یو پوښ لرونکی کرکټر) دی، چې په SVG سټایل کې یوازې د بڼو سره رسم شوی، د تحلیلي مینځپانګې سره د لوبېدونکي مقابلې په توګه په هره برخه کې یو ځل ځای په ځای شوی، د نرم سیوري سره د ژوروالي سټیکر په څیر اغیز رامینځته کولو لپاره. د برانډ لوګو او ګلیفونه کوچني تور څراغونه / اورونه دي. هیڅ عکسونه شتون نلري - د ژوند طرز شاټونه نشته، د ټیم عکسونه نشته، د چاپیریال عکسونه نشته. شی (ډشبورډ) اصلي لوبغاړی دی. ټول آرائشی عکسونه په #0c0a09 یا #3ba6f1 کې د 1px بڼې سټایل دي، هیڅکله ډک شوي ندي.
پالټ
برانډ
- Cyan Signal
#3ba6f1— د عمل لپاره اصلي غوښتنه، فعال لینکونه، او د برانډ شبیانو خاکه په پاڼه کې یوازینۍ رنګ تلفظونه دي، چې عمل ته د پام اړولو لپاره په کمه اندازه کارول کیږي. - Cyan Edge
#3398e1— نیلي رنګ د عمل بڼې، لینک لیبلونو، او متقابل عناصرو روښانه کولو لپاره کارول کیږي. دا باید د عمل کولو لپاره د لومړني رنګ په توګه ونه کارول شي.
بې طرفه
- Ink Black
#0c0a09— اصلي سرلیکونه، روښانه شوي بدن متن، او څرګندونکي عکسونه په ګرم، تقریبا تور رنګ کې دي. - Stone Canvas
#fafaf9— د پاڼې شاليد يو ګرم، کریمي رنګ دی چې د پردې د سپين رنګ پر ځای د کاغذ په څېر احساس کوي. - Pure White
#ffffff— د نقشې سطحې، پراخې شوې تختې، او د ننوتلو ساحې ډکونه په ډیفالټ ډول فلیټ او بې سیوري دي. - Stone Border
#e8e6e5— په کارتونو، نیویګیشن، او ان پټ ساحو کې نري سرحدونه لومړني ساختماني عنصر دي، نه جلا کونکي. - Stone Muted
#d6d3d1— اضافي چوکاټونه، د شاليد نازک سیوري، د سينګار ویشونکي. - Ash Gray
#a8a29e— د مرستې متن، د آیکون بڼې، غیر فعال حالتونه - د لوستلو وړ مګر غیر فعال.
ټایپوګرافي
له ۱۰ څخه تر ۵۲ پکسله پورې · ۵ ګامونه
- Roobert — بدیل: Inter Tight or Satoshi · بڼې 400, 500 · د سرلیکونو او متن ترتیب لپاره فونټ یو ځانګړی جیومیټریک سنز سیریف دی چې لږترلږه منفي لیکونو فاصله لري (-0.025em په 32px کې، -0.021em په 52px کې). د 400 x 52px وزن د فونټ لاسلیک دی: غیر دودیز، نازک، مګر مستند، مګر کم بیان شوی. سرلیکونه پرته له دې چې ډیر زورور وي خپل ځای نیسي.
- Inter — بدیل: Inter · بڼې 400, 500, 600 · د بدن متن، نیویګیشن، UI، او سرلیکونو لپاره لومړنی فونټ د ټولو آف سکرین متن لپاره یو بې طرفه، نړیوال فونټ دی. ۱۴ پکسلز چې وزن یې ۴۰۰ دی او د کرښې فاصله یې ۱.۶۴ ده د بدن متن لپاره غالب اندازه ده (فریکونسي ۱۱۷۴). په کوچنیو اندازو کې د مثبت لیک فاصله (۰.۰۰۴em) د ګڼ UI لوستلو وړتیا تضمینوي.
وقفې او بڼه
| موخه | معنی |
|---|---|
| کثافت | پراخه |
| اساسي ګام | 8px |
| د تڼۍ وړانګې | 9999px |
| د کارت وړانګې | 10px |
| سیوري | نرم سیوري |
| د برخو ترمنځ | 96px |
| د پاڼې پلنوالی | 1200px |
AI به ستاسو ویب پاڼه په Seline Analytics سټایل کې جوړه کړي او ډکه یې کړي
- د لینک له لارې محصولات او پوسټونه ډک کړئ - Instagram ، TikTok ، Facebook.
- له خپل زوړ سایټ څخه مواد انتقال کړئ — یوازې پته مشخص کړئ.
- په غوره انجن کې عصري ډیزاین: د سرور رینډرینګ او SEO اصلاح کولو سره React ( Next.js).
- د لټون پایلو او عصبي شبکې سپارښتنو لپاره په بشپړ ډول اتوماتیک SEO اصلاح کول.
ورته سټایلونه
- ElevenLabs — د عکس مقاله په ګرمو کریمي رنګونو کې د نازکو سرلیکونو سره. د باهوس سټایل نوټ بوک - د هګۍ د خولۍ رنګ کاغذ، تور رنګ، او د محصول د نندارې لپاره یو واحد ارغواني او نارنجي تلفظ.
- Awesomic — د نارنجي ټکي نښو سره د اداری زنک میش چې د کنفټي یادونه کوي
- Monad — د ګرمو پوستکو په اړه د تخنیکي مجلې اداریه
- Dub — د لینک میټ وریجو کاغذ کنټرول پینل
- Notion — د غرمې په لمر کې د ګرم کاغذ کتابچه
- Anthropic — د ګرمو ویلم په اړه یو ساینسي ساحوي ژورنال — د عاج آرامه سطحې، سیریف شوي اداری سرلیکونه، او یو واحد خټې تلفظ چې یوازې هغه وخت څرګندیږي کله چې عمل ته اړتیا وي.
- Calendly — په سړه مرمر باندې تیاره نیلي رنګ
- Augen Pro — د ایپل سپین پریزنټشن په یوه مونوکروم ځای کې د یوازینۍ تلفظ په توګه کلینیکي، بې وزنه، بریښنایی نیلي رنګ وړاندې کوي.
- Antimetal — په کریم کاغذ کې یوه اداریه کیسه - په یوه ساینسي ژورنال کې یوه خاموشه سهار، چیرې چې زغم باور څرګندوي او سیرفونه دروند کار کوي
- Perk — په ګرمو پارچمنټ کاغذ باندې برقي لیمو
- Ditto — د لمر وړانګو ورکشاپ چې د ځنګلي ګلونو نمونې جوړوي. ګرمې کریمي سطحې، یو متحرک ژیړ اساس رنګ، ژور سمندري نیلي رنګ، د ټوټې تر شا د عضوي رنګ بڼې غوړیږي.
- Officevibe — په ګرم کریم رنګ کاغذ باندې یوه اداری مجله. د HR مدیریت په اړه یوه فکري مقاله تصور کړئ، چې د محصول په توګه وړاندې کیږي - یو کرسیو سیریف فونټ چې د عصري نیلي انٹرفیس له لارې غږیږي.