ElevenLabs
یک مقاله تصویری با تُنهای کرم گرم با تیترهای ظریف. یک دفترچه یادداشت به سبک باوهاوس - کاغذ به رنگ پوست تخممرغ، جوهر مشکی و یک تکه رنگ بنفش و نارنجی برای نمایش محصول.
ElevenLabs به سبک مینیمالیستی گرم و سفید کار میکند: یک بوم به رنگ پوست تخممرغی (#fdfcfc) با حروف مشکی و یک لایه از سطوح خاکستری مایل به قهوهای گرم (#f5f3f1). هویت برند آرام و با اعتماد به نفس است - فونت Waldenburg 300 که به سختی قابل تشخیص است، تیترها را با وضوح بسیار بالا (-0.02em) برجسته میکند، در حالی که Inter 400/500 به هر چیز دیگری یک خنثی آرام میدهد. دو رنگ تأکیدی - بنفش پر جنب و جوش #0447ff و نارنجی پر جنب و جوش #ff4704 - فقط در عناصر بصری محصول (بخشهای صوتی، آیکونهای محصول) خودنمایی میکنند، و هرگز به اندازه کروم در رابط کاربری نیستند. اجزا با حاشیههای نازک 1px، شعاعهای پهن 20px روی کارتها و دکمههای کاملاً پر 9999px، صاف یا کمی برجسته باقی میمانند. این سیستم یادآور یک استودیوی باوهاوس روی کاغذ کرم است: محدود، ویرایشی و از نظر فنی دقیق.
بخشهای تمامعرض بهصورت عمودی در یک ستون مرکزی با حداکثر عرض و با ناودانهای بیرونی ۱۲۸۰ پیکسلی چیده شدهاند. بخش اصلی نامتقارن است: عنوان در سطح ۴۸ پیکسلی والدنبورگ در سمت چپ قرار دارد، متن توضیحات در سمت راست قرار دارد و دو دکمه قرصیشکل در زیر عنوان قرار دارند. در زیر بخش اصلی یک نوار ناوبری بزرگ با زبانه وجود دارد که کل عرض محتوا را در بر میگیرد. بخشها بین پسزمینههای رنگ پوست تخممرغی و خاکستری مایل به قهوهای با ناودانهای عمودی ۹۶ تا ۱۲۵ پیکسلی متناوب هستند. پاورقی یک نوار فشرده و تکی است. ناوبری یک نوار بالایی مینیمالیستی است - بدون رفتار ثابت، بدون مگامنو. ریتم محتوا با سبک سرمقاله مطابقت دارد: فضای سفید فراوان، یک عنصر بصری اصلی در هر بخش و بدون شبکه کارت در زیر بخش "اعتماد".
طراحی بصری تحت سلطه یک طرح رنگی است: گرادیانهای بزرگ به شکل کرههای صوتی ملایم (دایرههای ۲۰۰ پیکسلی یا بیشتر با انتقال شعاعی از بنفش به نارنجی و صورتی) به عنوان عنصر گرافیکی اصلی عمل میکنند. لوگوها در بخش «اعتماد» در مقیاس خاکستری با کنتراست کم در برابر پسزمینه مات بوم ارائه شدهاند. عکاسی مینیمال است - هیچ عکسی از سبک زندگی یا محصول وجود ندارد. آیکونوگرافی پراکنده و تک رنگ است (طرح کلی سیاه یا آیکونهای پر شده، بدون آیکونهای رنگی). سیستم بصری بیشتر یادآور یک نشریه طراحی است تا یک کاتالوگ محصول - محدودیت ویرایشی بر تأثیر بازاریابی غلبه دارد.
پالت
برند
- Violet Spark
#0447ff— تأکید بصری محصول - فقط در تصاویر حوزه صوتی و نمادهای تزئینی محصول ظاهر میشود؛ هرگز برای عناصر رابط کاربری استفاده نمیشود.
خنثی
- Eggshell
#fdfcfc— بوم صفحه، سطوح دکمهها و سطوح کارتها به جای سفیدی مطلق، گرم و کمی کرمی هستند تا از انعکاس نور دیجیتال جلوگیری شود و به سایت آرامش کاغذ داده شود. - Warm Taupe
#f5f3f1— نوارهای جداکننده، کارتهای تزئینی و یک سطح اضافی - یک پله عمیقتر از سطح مات - یک جداسازی آرام و بدون مرز ایجاد میکنند. - Stone
#ebe8e4— حاشیههای نازک، جداکنندهها و پسزمینه آیکونها به رنگ خاکستری گرمی هستند که بین خاکستری مایل به قهوهای و خاکستری متوسط قرار میگیرد، بدون اینکه حس سردی ایجاد کند. - Ink
#000000— چه متن بدنه باشد، چه دکمههای توپر، ناوبری یا لینکها، مشکی خالص به عنوان پایه و اساس یک پالت رنگ گرم عمل میکند و تنها تضاد شدید را در سیستم ایجاد میکند. - Graphite
#44403b— متن بدنه، عناوین بخشها - یک خاکستری تیره گرم و ظریف برای متنی که باید بدون خشونت رنگ مشکی، گیرا باشد. - Smoke
#777169— متن اصلی، توضیحات محتاطانه و زیرنویسها به رنگ خاکستری متوسط-گرم هستند؛ سبک غالب، خوانا و در عین حال آرام کارتها و متون موضوعی.
تایپوگرافی
از ۱۰ تا ۴۸ پیکسل · ۸ مرحله
- Waldenburg — جایگزینی: Inter (300) or Söhne Light · طرح کلی 300 · فقط برای عنوانها و عناصر طراحی. در قالبهای ۴۸/۳۶/۳۲ پیکسل با وزن فونت ۳۰۰ استفاده میشود - یک فونت فوقالعاده سبک غیرمتعارف است؛ اکثر وبسایتها از ۶۰۰-۷۰۰ استفاده میکنند؛ این فونت ظریف، اقتدار را از طریق خویشتنداری منتقل میکند. فاصله کم حروف -۰.۰۲em باعث ایجاد تناسب نزدیکتر بین حروف در اندازههای بزرگتر میشود. جایگزینها: "Inter" با وزن ۳۰۰ یا "Söhne" با وزن سبک به عنوان یک جایگزین ممتاز.
- Inter — جایگزینی: Inter or system-ui · طرح کلی 400, 500 · هر چیزی که خارج از صفحه نمایش است: متن بدنه، ناوبری، دکمهها، لینکها، برچسبها، فیلدهای ورودی، کارتها. وزن پیشفرض ۴۰۰ است؛ وزن ۵۰۰ برای دکمهها و لینکهای هایلایت شده در نظر گرفته شده است. اندازهها از ۱۰ تا ۱۰ متغیر هستند، با فاصله خطوط کاهش یافته (۱.۴۷-۱.۶)، که به پاراگرافها فضای تنفس میدهد. فاصله حروف کوچک +۱ (۲) در اندازههای ۱۴ تا ۳، خوانایی را در اندازههای کوچک بهبود میبخشد.
- Geist Mono — جایگزینی: JetBrains Mono or IBM Plex Mono · طرح کلی 400 · میکروتکست واقع در کنار کد یا متن فنی، در موقعیت ۱۳ پیکسل - به ندرت برای برچسبهای فنی یا فراداده استفاده میشود (فراوانی = ۲۸). تک لایه، ارتفاع خط بزرگ ۱.۶۹.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | متراکم |
| گام اساسی | 8-16px |
| شعاع دکمه | 9999px |
| شعاع کارت | 20px |
| سایهها | بدون حاشیه به جای سایه |
| بین بخشها | 96-125px |
| عرض صفحه | 1280px |
هوش مصنوعی وبسایت شما را به سبک ElevenLabs میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- Awesomic — توری زینک تحریریه با علائم نگارشی نارنجی که یادآور پولکهای رنگی است
- Monad — مجله فنی سرمقاله در مورد پوست گرم
- Dub — پنل کنترل کاغذ برنج مات لینک
- Seline Analytics — یک میز تحلیلی آرام روی کاغذ گرم
- Notion — یک دفترچه یادداشت کاغذی گرم در آفتاب ظهر
- Anthropic — یک ژورنال علمی میدانی روی پوست گرم - سطوح عاجی آرام، سربرگهای سرصفحهدار و یک لهجه گلی که فقط در صورت نیاز به اقدام ظاهر میشود.
- Calendly — جوهر آبی تیره روی مرمر سرد
- Augen Pro — ارائه سفید اپل، آبی الکتریکیِ بالینی، بیوزن و ملایم را به عنوان تنها عنصر تأکیدی در فضایی تکرنگ به نمایش میگذارد.
- Antimetal — شرح وقایع سرمقالهای روی کاغذ کرمرنگ - صبحی آرام در یک مجله علمی، جایی که خویشتنداری، اعتماد به نفس را منتقل میکند و حروف سریف بار سنگین را به دوش میکشند
- Perk — لیموی برقی روی کاغذ روغنی گرم
- Ditto — کارگاهی زیر نور خورشید که نمونههایی از گلهای وحشی خلق میکند. سطوح کرم گرم، رنگ پایه زرد پر جنب و جوش، جوهرهای سرمهای تیره، و اشکال رنگی ارگانیک که در پشت اثر شکوفا شدهاند.
- Officevibe — یک مجلهی سرمقالهای با کاغذ کرمرنگ گرم. یک مقالهی متفکرانه در مورد مدیریت منابع انسانی را تصور کنید که به عنوان یک محصول ارائه میشود - یک فونت سریفِ کجخطی که از طریق یک رابط کاربری آبی مدرن زمزمه میشود.