تلگرام، WhatsApp  +380637610482
والری دانیوک
والری دانیوکتوسعه‌دهندهتوسعه ابزارهای هوش مصنوعی برای کسب و کارها. با کیفیت بالا. مقرون به صرفه.پیام در تلگرام
Anthropic — پیش‌نمایشی از یک سایت با این سبک

Anthropic

یک ژورنال علمی میدانی روی پوست گرم - سطوح عاجی آرام، سربرگ‌های سرصفحه‌دار و یک لهجه گلی که فقط در صورت نیاز به اقدام ظاهر می‌شود.

رابط کاربری آنتروپیک مانند یک نشریه علمی با دقت انتخاب شده روی کاغذ پوستی گرم است. سایه‌های خنثی عاجی و جو دوسر جایگزین پالت خاکستری سرد معمول طرح‌های الهام گرفته از فناوری شده‌اند و به هر سطح بافتی کاغذی می‌دهند که مکمل فونت سریف سفارشی است که در مقیاسی بی‌سابقه برای متن بدنه و عنوان استفاده می‌شود. یک لهجه به رنگ خاک رس فقط در لحظات فعالیت ظاهر می‌شود؛ هر چیز دیگری آرام و ساده باقی می‌ماند. اجزا مسطح هستند - حاشیه‌های نازک و شعاع‌های گوشه پایینی انتخابی جایگزین سایه‌های برجسته به عنوان زبان طراحی می‌شوند، با یک فونت سنس سریف که نمایانگر عناصر رابط است و یک فونت سریف که بیانگری است.

طراحی تحت سلطه تصاویر علمی قدیمی است: صفحه اصلی شامل یک کلاژ متراکم گیاه‌شناسی/جانورشناسی از پروانه‌ها و شاپرک‌ها است که به سبک کلاسیک تصاویر طبیعت‌گرایانه اجرا شده و یادآور راهنماهای میدانی قرن نوزدهم است. تصاویر با رنگ‌های گرم رنگ‌آمیزی شده‌اند تا با پس‌زمینه کاغذ پوستی ترکیب شوند، نه اینکه در مقابل آن برجسته باشند. هیچ عکس، اسکرین‌شات محصول یا گرادیان انتزاعی وجود ندارد. آیکونوگرافی مینیمال است - شورون‌های کوچک برای منوهای کشویی و نشانگرهای خطی پراکنده، همیشه در همان پالت گرم و خنثی متن. تراکم بصری کم است: بلوک‌های بزرگ متن و فضای سفید غالب هستند و تصاویر فقط در محدوده صفحه اصلی ظاهر می‌شوند.

پالت

برند

  • Clay #d97757 — دکمه‌های فراخوان عمل توپر (مثلاً «پذیرش رضایت کوکی») تنها رنگ تأکیدی در سیستم هستند، یک رنگ گرم مایل به قهوه‌ای که به خانواده رنگ‌های خاکی تعلق دارد، نه آبی معمولی رابط کاربری.
  • Clay Deep #c6613f — حالت شناور/فشردن برای دکمه‌های فراخوان عمل Clay و توکن متعارف با یک علامت تفکیک، نسخه عمیق‌تری از علامت تفکیک پایه است.

خنثی

  • Slate Dark #141413 — متن بدنه، سرتیترها، پس‌زمینه پاورقی، حاشیه‌های نازک - تقریباً سیاه با کمی گرمی، هرگز سیاه خالص نیست.
  • Ivory Medium #f0eee6 — بوم صفحه و سطوح بزرگ پر شده، یک پس‌زمینه پوستی هستند که کل لحن گرم را تنظیم می‌کنند.
  • Ivory Light #faf9f5 — سطوح مقوایی، پنل‌های برجسته و دکمه‌های کلیک-تا-کلیک، یک درجه روشن‌تر از بوم نقاشی هستند تا جلوه‌ای لایه لایه و بدون سایه ایجاد کنند.
  • Cloud Medium #b0aea5 — متن کمکی ملایم، عناصر ناوبری غیرفعال، برچسب‌های اضافی - یک سبک خنثی که بدون ناپدید شدن در پس‌زمینه قرار می‌گیرد.
  • Cloud Dark #87867f — قاب دکمه‌های طرح‌دار، جداکننده‌های با کنتراست متوسط
  • Stone #cccbc8 — مرزها و جداکننده‌های ظریف بین بخش‌ها قابل مشاهده هستند اما هرگز خیلی واضح نیستند.

تایپوگرافی

از ۱۲ تا ۶۸ پیکسل · ۶ مرحله

  • Anthropic Serif — جایگزینی: Georgia · طرح کلی 400, 600 · سبک ویراستاری - برای عنوان ۶۸ پیکسلی، تمام متن بدنه ۲۰ پیکسلی، عناوین کارت‌ها و پاراگراف‌های پشتیبان استفاده می‌شود. فونت serif به متن شخصیت می‌بخشد؛ حضور آن در متن بدنه (که برای وب‌سایت‌های فنی غیرمعمول است) نشان می‌دهد که متعلق به یک نشریه تحقیقاتی است. وزن فونت ۴۰۰ پیش‌فرض است، وزن فونت ۶۰۰ برای تأکید است.
  • Anthropic Sans — جایگزینی: Inter · طرح کلی 400, 500, 600, 700 · رابط کاربری و نمایش فونت‌های sans-serif شامل لینک‌های ناوبری، دکمه‌ها، پاورقی‌ها، آیکون‌ها و یک تیتر sans-serif ضخیم با وزن 61px 700 است. فونت sans-serif با اندازه 61px در کنار فونت serif با اندازه 68px قرار گرفته است و عمداً یک سیستم دوگانه ایجاد می‌کند: فونت sans-serif جملات خبری را بیان می‌کند، در حالی که فونت serif مانند یک مقاله سرمقاله‌ای به نظر می‌رسد.
  • Anthropic Mono — جایگزینی: JetBrains Mono · طرح کلی 400 · فقط در کد یا قطعات فنی استفاده می‌شود - نادر است.

فواصل و فرم

هدفمعنی
تراکممتراکم
گام اساسی8px
شعاع دکمه8px (bottom-only on filled variants), 12px (outlined)
شعاع کارت24px
سایه‌هابدون حاشیه به جای سایه
بین بخش‌ها80-120px
عرض صفحه1280px

هوش مصنوعی وب‌سایت شما را به سبک Anthropic می‌سازد و آن را پر می‌کند

  • از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پست‌ها را پر کنید.
  • محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
  • طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینه‌سازی سئو از پیش آماده.
  • بهینه‌سازی سئو کاملاً خودکار برای نتایج جستجو و توصیه‌های شبکه عصبی.

سبک‌های مشابه

  • Mollie — یک پیشخوان ترمه، یک دفتر کل تیره. فضای سفید کافی برای طراحی سرمقاله در اطراف متن سیاه بگذارید، سپس نکات مربوط به محصول را با کرم‌های گرم، قهوه‌ای‌های اسپرسو و عکس‌های لمسی از روش‌های پرداخت واقعی تقویت کنید.
  • Kagi — یک اتاق مطالعه جداگانه. یک فضای سفید باز در اطراف متن گرافیتی پررنگ ایجاد کنید، با استفاده از لهجه‌های بنفش ظریف و سطوح پاستلی گرم برای شکستن آرامش.
  • Milanote — میلانوت یک استودیوی خلاق اختصاصی است. با استفاده از تابلوهای بصری شناور، صفحاتی به سبک گالری سرمقاله ایجاد کنید: دیوارهایی با قاب تیره، فضای نمایش سفید و اسکرین‌شات‌هایی که با عمق ملایم مانند اشیاء واقعی به نظر می‌رسند.
  • Co2 — یک اطلس اقلیمی در نور زمستانی. صفحاتی مانند یک سند هوایی منظره ایجاد کنید، جایی که سرتیترهای سریف، داده‌های کدگذاری شده با دسته‌بندی و تصاویر یخی حاشیه‌های سفید پهن را برجسته می‌کنند.
  • GitButler — فیروزه‌ای در انتهای متن. ترکیبی از تیترهای سریف با کنتراست بالا با شبکه‌های فنی ظریف، سطوح گرافیتی گرم و یک لهجه فیروزه‌ای ملایم.
  • ElevenLabs — یک مقاله تصویری با تُن‌های کرم گرم با تیترهای ظریف. یک دفترچه یادداشت به سبک باوهاوس - کاغذ به رنگ پوست تخم‌مرغ، جوهر مشکی و یک تکه رنگ بنفش و نارنجی برای نمایش محصول.
  • Awesomic — توری زینک تحریریه با علائم نگارشی نارنجی که یادآور پولک‌های رنگی است
  • Monad — مجله فنی سرمقاله در مورد پوست گرم
  • Dub — پنل کنترل کاغذ برنج مات لینک
  • Seline Analytics — یک میز تحلیلی آرام روی کاغذ گرم
  • Notion — یک دفترچه یادداشت کاغذی گرم در آفتاب ظهر
  • Calendly — جوهر آبی تیره روی مرمر سرد

کاتالوگ سبک‌ها بر اساس دسته‌بندی