Seline Analytics
یک میز تحلیلی آرام روی کاغذ گرم
Seline در مقابل یک پسزمینه سنگی گرم (#fafaf9) با یک لهجه آبی پر جنب و جوش قرار گرفته است - همه رنگهای دیگر خنثی هستند و از پالت رنگ سنگی Tailwind گرفته شدهاند. تیترها با یک فونت sans-serif هندسی سفارشی (roobert) با وزن ۴۰۰ و فاصله حروف منفی باریک ارائه شدهاند که به متن، اعتماد به نفسی آرام و تقریباً زمزمهمانند میدهد که با سبک SaaS که معمولاً پر سر و صدا است، در تضاد است. سطوح رابط کاربری، کارتهای سفید تخت هستند که با یک تاری نرم و ۱۶ پیکسلی، بالای پسزمینه گرم شناورند. حاشیهها با خطوط نازک و ۱ پیکسلی با رنگ سنگی ایجاد شدهاند که به جای جداکنندهها یا پنلهای سنگین، به عنوان عنصر ساختاری اصلی به طور سخاوتمندانهای استفاده میشوند. طرحبندی نفس میکشد: محتوای تمام عرض متمرکز بر یک ریتم عمودی سخاوتمندانه، با کنترلهای تعاملی قرصی شکل، یک تصویر نماد برای شخصیت، و تصاویر داشبورد به عنوان اثبات محصول. برداشت کلی از نظر ویرایشی تحلیلی است: آرام، تک رنگ، با اعتماد به نفس، و فراخوان آبی برای اقدام به لطف محدودیت عمدی هر چیز دیگری، چشمگیرترین عنصر در صفحه است.
صفحه با حداکثر عرض، تقریباً در مرکز ۱۲۰۰ پیکسل و با فضای عمودی فراوان قرار دارد. قهرمان، یک بلوک متنی دو خطی و چپچین با یک عبارت برجسته ("ساده و مؤثر") به رنگ آبی است، و پس از آن یک ردیف با دو فراخوان برای اقدام (قرص آبی + قرص شبح)، سپس یک ردیف از لوگوهای شرکا در مقیاس خاکستری، سپس یک ردیف از رتبهبندیهای اعتماد، و سپس یک پیشنمایش داشبورد شناور تمامعرض، که کمی با بخش بعدی همپوشانی دارد، قرار دارد. در زیر تا، ردیفهای متناوبی از توصیفات در یک شبکه تک ستونی قرار دارند، و پس از آن بخشهای تمامعرض با توضیحات ویژگیها، متن چپچین و تصاویر محصول در مرکز قرار دارند. ناوبری یک نوار بالای مینیمالیستی است - لوگو در سمت چپ، پیوندهای ناوبری در مرکز، ورود + فراخوان برای اقدام آبی در سمت راست - با یک دسته آواتار شناور در وسط ناوبری که به عنوان تأیید هویت عمل میکند. فاصله بین بخشها عریض (۹۶ پیکسل) است تا به جای یک توده متراکم از اطلاعات، یک ریتم ویرایشی ایجاد کند.
زبان بصری تحت سلطه اسکرینشاتهای رابط کاربری محصول است - پیشنمایش داشبورد عکسی است که با فیلتر کنتراست خاکستری (1) (0.94) رندر شده است، که رنگ دادهها را به یک رنگ تکرنگ تبدیل میکند. تنها شکل انسان، یک برچسب خطی (یک شخصیت کلاهدار) است که به سبک SVG و فقط با خطوط بیرونی طراحی شده و در هر بخش یک بار به عنوان یک نقطه مقابل بازیگوشانه با محتوای تحلیلی قرار میگیرد و دارای سایهای نرم برای ایجاد جلوهای از عمق مانند برچسب است. لوگوی برند و گلیفها، جرقهها/شعلههای کوچک سیاه هستند. هیچ عکسی وجود ندارد - هیچ عکسی از سبک زندگی، هیچ عکس تیمی، هیچ تصویر محیطی. شیء (داشبورد) شخصیت اصلی است. تمام آیکونهای تزئینی به سبک خطوط بیرونی 1 پیکسلی با کد رنگی #0c0a09 یا #3ba6f1 هستند و هرگز پر نمیشوند.
پالت
برند
- 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 · فونت مورد استفاده برای عنوانها و طرحبندی متن، یک فونت sans-serif هندسی منحصر به فرد با حداقل فاصله منفی بین حروف است (-0.025em در 32px، -0.021em در 52px). وزن 400 در 52px امضای این فونت است: نامتعارف، ظریف، در عین حال معتبر، اما کماهمیت. عنوانها بدون اینکه اغراقآمیز باشند، جایگاه خود را دارند.
- Inter — جایگزینی: Inter · طرح کلی 400, 500, 600 · فونت اصلی برای متن بدنه، ناوبری، رابط کاربری و سرتیترها، یک فونت خنثی و جهانی برای تمام متنهای خارج از صفحه است. 14 پیکسل با وزن 400 و فاصله خطوط 1.64، اندازه غالب برای متن بدنه است (فراوانی 1174). فاصله مثبت حروف (0.004em) در اندازههای کوچک، خوانایی رابط کاربری متراکم را تضمین میکند.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | جادار |
| گام اساسی | 8px |
| شعاع دکمه | 9999px |
| شعاع کارت | 10px |
| سایهها | سایههای نرم |
| بین بخشها | 96px |
| عرض صفحه | 1200px |
هوش مصنوعی وبسایت شما را به سبک Seline Analytics میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- ElevenLabs — یک مقاله تصویری با تُنهای کرم گرم با تیترهای ظریف. یک دفترچه یادداشت به سبک باوهاوس - کاغذ به رنگ پوست تخممرغ، جوهر مشکی و یک تکه رنگ بنفش و نارنجی برای نمایش محصول.
- Awesomic — توری زینک تحریریه با علائم نگارشی نارنجی که یادآور پولکهای رنگی است
- Monad — مجله فنی سرمقاله در مورد پوست گرم
- Dub — پنل کنترل کاغذ برنج مات لینک
- Notion — یک دفترچه یادداشت کاغذی گرم در آفتاب ظهر
- Anthropic — یک ژورنال علمی میدانی روی پوست گرم - سطوح عاجی آرام، سربرگهای سرصفحهدار و یک لهجه گلی که فقط در صورت نیاز به اقدام ظاهر میشود.
- Calendly — جوهر آبی تیره روی مرمر سرد
- Augen Pro — ارائه سفید اپل، آبی الکتریکیِ بالینی، بیوزن و ملایم را به عنوان تنها عنصر تأکیدی در فضایی تکرنگ به نمایش میگذارد.
- Antimetal — شرح وقایع سرمقالهای روی کاغذ کرمرنگ - صبحی آرام در یک مجله علمی، جایی که خویشتنداری، اعتماد به نفس را منتقل میکند و حروف سریف بار سنگین را به دوش میکشند
- Perk — لیموی برقی روی کاغذ روغنی گرم
- Ditto — کارگاهی زیر نور خورشید که نمونههایی از گلهای وحشی خلق میکند. سطوح کرم گرم، رنگ پایه زرد پر جنب و جوش، جوهرهای سرمهای تیره، و اشکال رنگی ارگانیک که در پشت اثر شکوفا شدهاند.
- Officevibe — یک مجلهی سرمقالهای با کاغذ کرمرنگ گرم. یک مقالهی متفکرانه در مورد مدیریت منابع انسانی را تصور کنید که به عنوان یک محصول ارائه میشود - یک فونت سریفِ کجخطی که از طریق یک رابط کاربری آبی مدرن زمزمه میشود.