Resend
مخمل مشکی با رنگ نئونی بنفش
Resend در تاریکی تقریباً کامل قرار دارد - یک بوم سیاه تمیز، حاشیههای نازک گرافیتی و تایپوگرافی سفید روی سیاه که حس خواندن متن چاپ شده روی شیشه مات را ایجاد میکند. عنصر اصلی ضد تزئینی است: یک تیتر بزرگ سریف با فونت 96 پیکسلی Domaine در کنار یک مکعب سیاه سهبعدی، بدون گرادیان یا تصاویر بازاریابی. علامت تجاری به رنگ بنفش پررنگ (#9281f7) است که در خطوط آدرس ایمیل، آیکونهای وضعیت و نمونههای کد ظاهر میشود - هرگز روی دکمهها ظاهر نمیشود. یک فونت تکفاصله (Commit Mono) شخصیت توسعهدهنده را از طریق هر بلوک کد، آیکون و برچسب درونخطی منتقل میکند و باعث میشود صفحه مانند یک ترمینال محصور در یک رابط کاربری مجلل به نظر برسد. اجزا دارای گوشههای تیز یا کمی گرد (6 پیکسل / 16 پیکسل)، ارتفاع کم هستند و از حاشیههای 1 پیکسلی به جای سایه برای جدا کردن لایهها استفاده میکنند. پویاییها ظریف اما رسا هستند: محو شدن و لغزش روان متن در صفحه اصلی، چرخش ظریف مکعب با استفاده از WebGL و انتقالهای کوتاه 150 میلیثانیهای در هنگام شناور شدن.
طراحی بصری تقریباً بهطور کامل شامل اشیاء سهبعدی رندر شده با WebGL (مکعب سیاه در پنجره اصلی، اشکال هندسی چرخان) و تصاویر جاسازیشده از رابط کاربری محصول است که در پنجرههای کد تیره نمایش داده میشوند. هیچ عکس، تصویرسازی یا تصویر سبک زندگی استفاده نشده است. لوگوهای موجود در نوار اعتماد، تصاویر SVG جاسازیشده در رنگهای اصلی خود هستند. آیکونها دارای خطوط بیرونی ۱ تا ۱.۵ پیکسلی با خط فاصله #f0f0f0 یا #a1a4a5 هستند. زبان بصری: یک بوم سیاه، یک شیء سهبعدی به عنوان لنگر پنجره اصلی، پنجرههای کد تیره به عنوان اثبات محصول، لوگوهای SVG سفید به عنوان اثبات اجتماعی. هیچ چیز تزئینی وجود ندارد - هر عنصر بصری یا ساختاری است (مکعب) یا نمایشی (پنجره کد، لوگو).
پالت
برند
- Iris Violet
#9281f7— متن با تأکید بنفش برای لینکها، برچسبها و عبارات کوتاه هایلایت شده؛ گرادیان مورب از بنفش به سرخابی روی جعبههای آیکون و آیکونهای برند. - Iris Violet Glow
#baa7ff— لینکها، برچسبها و عبارات کوتاه هایلایت شده با رنگ بنفش مشخص شدهاند.
خنثی
- Void Black
#000000— پسزمینه صفحه، سطوح مقوایی، صفحات روکش - کل بوم. - Graphite Hairline
#292d30— حاشیههای ۱ پیکسلی روی کارتها، فیلدهای ورودی، دکمهها، بلوکهای کد و جداکنندهها، جدایی هر لایه را تعریف میکنند. - White
#ffffff— سرتیترهای اصلی، عنوان، برچسبهای دکمه، آیکونهای پر شده روی سطوح تیره. - Bone White
#f0f0f0— متن اصلی، عناوین فرعی، طرح کلی آیکونها - رنگ اصلی برای خواندن. - Ash Gray
#a1a4a5— متن بدنه بیصدا، برچسبهای آیکون، طرح کلی آیکون - متن سطح سوم و فراداده. - Smoke Gray
#abafb4— رنگ لینک، متن دکمه غیرفعال، برچسبهای کمکی - متن سطح چهارم
تایپوگرافی
از ۱۲ تا ۹۶ پیکسل · ۸ مرحله
- Inter — جایگزینی: Inter (Google Fonts) · طرح کلی 400, 500, 600 · متن بدنه، برچسبهای رابط کاربری، ناوبری، دکمهها، لینکها. ابزار کار - 1280 بار در تمام سطوح به جز کد ظاهر میشود.
- Domaine — جایگزینی: GT Sectra · طرح کلی 400 · متن عنوان - فونت ۴۰۰ با فاصله حروف ۹۶ پیکسل - حسی سرمقالهای و تقریباً چاپی ایجاد میکند. این متن فقط دو بار در کل صفحه برای بزرگترین تیتر استفاده شده است.
- aBC Favorit — جایگزینی: Inter Display · طرح کلی 400, 500 · عنوانها و زیرعنوانهای بخش. فونت سبک برند ۵۶ پیکسل، وزن ۴۰۰ و فاصله حروف -۰.۰۵em است. فاصله بسیار منفی حروف در این فونت هندسی بدون سریف، احساسی فشرده و مطمئن ایجاد میکند که در تضاد با فونت اصلی Domaine است.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | جادار |
| گام اساسی | 16px |
| شعاع دکمه | 6px |
| شعاع کارت | 16px |
| سایهها | بدون حاشیه به جای سایه |
| بین بخشها | 96px |
| عرض صفحه | 1200px |
هوش مصنوعی وبسایت شما را به سبک Resend میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- Neon — یک اتاق سرور پس از تاریکی مطلق. تاریکی محض، جایی که تنها نور از دادهها و تعاملات کاربر میآید.
- Discord — دنیای بازی پشت یک پنجره چت پاپآپ پنهان شده است - هر بخش یک محیط مستقل با نورپردازی و مجموعه شخصیتهای خاص خود است.
- Midjourney — یک پایانه زیستتابی در اعماق اقیانوس. دنیایی در اعماق دریا که در آن هوش به صورت بصری خود را در جریانهای ASCII تولید میکند و کنترلها به صورت الگوهای کمنور ظاهر میشوند.
- Wope — ووپ یک مرز بنفش رنگ است. یک میز رصدخانه تاریک را تصور کنید که نوری بنفش از زیر شیشه آن میدرخشد.
- Ori — اتاق سرور در نیمهشب، یک فضای خالی سیاه، با نور سفید و یک کلید روشن است.
- Amaterasu — پناهگاه فیروزهای آسمانی
- Obsidian — مخزنی از دانش کریستالی. فضایی دیجیتال، شفاف و چندوجهی که برای وضوح و تمرکز طراحی شده است، با رگههای بنفش درخشان از تعامل.
- Morphic — یک بوم سینمایی تاریک برای داستانسرایی مبتنی بر هوش مصنوعی. سیاه خالص همه چیز را به جز ضربان آبی یک نقطه کانونی و درخشش تصویر تولید شده جذب میکند.
- Valo — رصدخانهای نوآر در نیمهشب - تایپوگرافی ۳۰۰pt در پسزمینهای مشکی و تمیز معلق است، در حالی که یک گرادیان فیروزهای-بنفش مانند خط لیزر در سراسر اتاق امتداد یافته است.
- JetBrains — سحابی نئون روی سنگ ابسیدین - یک صفحه با پسزمینه مشکی که در آن گرادیانهای بنفش-آبی مانند تصاویری از اعماق فضا شکوفا میشوند، که با نئون صورتی پررنگ و درخشش رنگی آیکونهای هر محصول در هم آمیخته شده است.
- beehiiv — رصدخانه نیمهشب با پلاسمای نئون
- RainbowKit — یک کیف پول نئونی مدل در فضایی سیاه شناور است و درخششی آبی-بنفش تاریکی را میشکافد.