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

Wise

خزه‌های عمیق با تنشی از جنس سنگ آهک. سنگ آهک روی کف تقریباً سیاه جنگل برق می‌زند و اشکال عظیم و زاویه‌دار، هر حرکتی را نشان می‌دهند.

فونت Wise با صدایی مطمئن و کمی بلند صحبت می‌کند: یک سبز جنگلی تیره (#163300) بیشتر سطح را اشغال می‌کند - متن، ناوبری، بخش‌های تیره، آیکون‌ها - در حالی که یک سبز لیمویی روشن (#9fe870) به عنوان نقطه‌گذاری کاربردی در دکمه‌های فراخوان، تب‌های فعال و عناصر کلیدی عمل می‌کند. این فونت تقریباً تهاجمی است: Wise Sans با وزن خط ۹۰۰، به طور متراکم، با حروف بزرگ (۱۰۰ پیکسل به بالا) در صفحه اصلی خودنمایی می‌کند. بقیه سیستم روی یک بوم سفید مایل به کرم با سطوح خاکستری ملایم (#e8ebe6) نامحسوس باقی می‌ماند. اجزا به طور پیش‌فرض به شکل قرص هستند - دکمه‌ها، بخش‌های ناوبری، تصاویر کوچک کادر انتخاب، ماسک‌های تصویر - با شعاع‌های کوچک (۱۰ پیکسل) برای کارت‌ها و فیلدهای ورودی. گرادیان‌های رنگی نادر هستند. در عوض، ترکیب سمندر و سبز جنگلی با تیره شدن بخش‌ها به آرامی تغییر می‌کند و ریتمی بدون تزئینات بیش از حد ایجاد می‌کند.

یک محفظه با حداکثر عرض ۱۲۰۰ پیکسل، در مرکز صفحه، با یک بخش بالا و تیره که کل عرض صفحه را در بر می‌گیرد. طرح هدر دارای یک تیتر بزرگ و مرکزی در پس‌زمینه سفید است، با یک تصویر بزرگ (کره) که از لبه پایین صفحه نمایش امتداد دارد. ریتم بخش بین سفید، سبز روشن و یک بخش تیره با "جوهر جنگلی" متناوب است و یک ریتم رنگی طبیعی ایجاد می‌کند. طرح محتوا در درجه اول در مرکز قرار دارد: بلوک‌های متن و تصاویر در دو ستون در بالا، یا ردیف‌هایی با عناصر اصلی در سه ستون در بخش‌های ثانویه. یک شبکه پنج ستونی با پرچم‌ها برای نمایش لیست کشورها استفاده می‌شود. ناوبری یک نوار بالایی ثابت با یک ضامن تقسیم‌بندی شده است. کد QR در تمام موقعیت‌های پیمایش در گوشه پایین سمت راست ثابت می‌ماند.

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

پالت

برند

  • Forest Ink #163300 — سبک تیره غالب این برند - متن ناوبری، پس‌زمینه‌های بخش‌های تیره، متن بدنه روی سطوح روشن، طرح کلی آیکون‌ها و عناصر ناوبری پر شده - چیزی است که قدرت آن را تعریف می‌کند: هر جا که وزن یا اقتدار مورد نیاز باشد، Forest Ink را انتخاب می‌کنید.
  • Lime Voltage #9fe870 — سبز به عنوان یک رنگ ثانویه برای جزئیات تزئینی و برجسته کردن عبارات جستجوی کمتر استفاده شده استفاده می‌شود. نباید به عنوان رنگ اصلی برای دکمه‌های فراخوان عمل (CTA) استفاده شود.
  • Spruce #054d28 — از یک سبز تیره ثانویه برای سطوح کارت، شمایل‌نگاری جزئی و برای افزودن عمق به نواحی تیره که رنگ Forest Ink بیش از حد اشباع شده است، استفاده می‌شود.

خنثی

  • Linen Mist #e2f6d5 — یک سایه سبز روشن برای هایلایت‌های ملایم روی سطوح، پس‌زمینه‌های رنگی کارت‌ها و حالت‌های شناور در نوارهای ناوبری. یک سایه ظریف از سبز مخصوص برای عناصر طراحی کانتینریِ نامحسوس.
  • Signal Blue #0b4c72 — رنگ آبی به عنوان یک عنصر اضافی برای جزئیات تزئینی و تأکید بر فرکانس‌های پایین عمل می‌کند.
  • Alarm Red #cb272f — قرمز به عنوان یک رنگ مکمل برای جزئیات تزئینی و برجسته کردن رنگ‌های غیرمعمول عمل می‌کند. از آن به عنوان یک رنگ مکمل استفاده کنید، نه به عنوان یک رنگ شاخص.
  • Charcoal #454745 — متن بدنه، متن بدنه، رابط کاربری غنی - یک رنگ مشکی کمی گرم که ملایم‌تر از یک #۰۰۰ خالص روی پس‌زمینه سفید به نظر می‌رسد.
  • Obsidian #0e0f0c — تیترها، تیترهای با کنتراست بالا، عناصر مشکی خالص در منوی ناوبری و اصلی. مشکی با ته رنگ کمی سبز، نه خاکستری خنثی.
  • Pebble #868685 — متن ثانویه، متن جایگزین، طرح کلی آیکون‌ها و حاشیه‌های فیلد ورودی با وضوح کمتر. خاکستری متوسط، در حال محو شدن در دوردست.

تایپوگرافی

از ۱۲ تا ۱۰۵ پیکسل · ۱۰ مرحله

  • Inter — جایگزینی: Inter (native Google Fonts) · طرح کلی 400,500,600,700 · متن بدنه، رابط کاربری، زیرنویس‌ها و زیرعنوان‌ها در سراسر محصول. برای تیترهای سطح متوسط (۳۶-۴۵ پیکسل)، از فونت ۷۰۰-weight برای تیترهای فرعی و زیرنویس‌ها، ۵۰۰-۶۰۰ و برای متن بدنه و زیرنویس‌ها، ۴۰۰ استفاده می‌شود. Inter ظاهری ظریف‌تر و Wise Sans ظاهری جسورانه‌تر ارائه می‌دهد.
  • Wise Sans — جایگزینی: Inter Black (900) with -0.04em tracking · طرح کلی 900 · تیترها کارت ویزیت یک برند هستند. یک فونت فوق‌العاده متراکم ۹۰۰ با گام ۸۹ تا ۱۰۵ پیکسل و فاصله کم بین حروف، هر تیتر را به یک تبلیغ جسورانه و پررنگ تبدیل می‌کند. آن‌ها به طور محدود استفاده می‌شوند: به عنوان متن اصلی، برای عناوین بخش‌ها و برای نکات برجسته کمپین.
  • monospace — جایگزینی: Inter · طرح کلی 400 · تک‌فاصله - در داده‌های استخراج‌شده یافت می‌شود اما توسط هوش مصنوعی توصیف نمی‌شود.

فواصل و فرم

هدفمعنی
تراکممتراکم
گام اساسی8-12px
شعاع دکمه9999px
شعاع کارت10px
سایه‌هابدون حاشیه به جای سایه
بین بخش‌ها64-80px
عرض صفحه1200px

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

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

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

  • Integrated Biosciences — آزمایشگاه زیست‌تابی در نیمه‌شب
  • Huly — شفق قطبی در رصدخانه نیمه‌شب - شخصیت اصلی داستان، پرتوی عمودی از رنگ بنفش است که در رنگ مرجانی محو می‌شود و هر بخش آرام زیر آن، همان داستان دو رنگ را که با لحنی ملایم‌تر روایت می‌شود، به عاریت می‌گیرد.
  • Dia Browser — فضای یک گالری تاریکخانه با یک روزنامه‌ی سرمقاله در هم می‌آمیزد. صحنه‌ی کاملاً تاریک، صفحه‌ای از روزنامه‌ی آفتاب‌گیر را نشان می‌دهد که هر بخش با یک تیتر سریف مشخص شده است.
  • Mintlify — یک باغ ابری بالای یک میز شیشه‌ای. آسمانِ نقاشی‌شده با دست و مستند در قابی کنار هم قرار گرفته‌اند - تنها جایی که رنگ و مفهوم پیش از محو شدن صفحه در سفیدی صومعه‌وار، با هم تلاقی می‌کنند.
  • Gleap — یک فضای کاری که با تُن‌های کرم گرم و تزئینات گرافیتی تزئین شده است - استودیویی که در آن نقاط جوهر مشکی مات به نظر می‌رسد که بر فراز معماری کتانی شناور هستند.
  • ClickUp — یک داشبورد قدرتمند روی سنگ مرمر سفید. این صفحه یک بروشور محصول برای یک ابزار بهره‌وری است، بنابراین زبان بصری از خود محصول وام گرفته شده است: فهرست‌های متراکم، نشانگرهای وضعیت، گروه‌هایی از آواتارها و عبارات تایپوگرافیک جسورانه که مانند مشخصات محصول روی صفحه نمایش به نظر می‌رسند.
  • monday — کارگاه سفید با برچسب‌های پاستلی
  • Portal — سرمقاله Twilight Serif - یک مجله مستقل با امتیاز ویژه، طراحی شده به سبک iOS
  • Slack — صحنه به رنگ بادمجانی با نورافکن‌های سفید است. رنگ آلویی پررنگی بر قسمت‌های تیره غالب است، در حالی که بوم سفید مایل به کرم به عناوین بزرگ و آوانگارد اجازه می‌دهد آزادانه نفس بکشند.
  • Base44 — دفترچه یادداشت آفتابگیر با ماژیک لیمویی
  • Letters — یک قرار ملاقات صبحگاهی در یک کلینیک روباز - یک میز سفید استریل زیر سقف آبی ملایم، پر از ابزارهای جراحی آبی رنگ
  • Duolingo — زمین بازی سبز با خطوط علامت گذاری ضخیم