Ciridae
اتاقی خالی با تپشِ اخگرهایِ گداخته - کلیسایی تقریباً سیاه که تنها صدای گرمش، خطِ نازکی از زنگزدگی است، و هر سطحش به جای سایه، با خطوطِ ظریف تعریف میشود.
سیریدا در خلأ عمل میکند: یک بوم #0b0b0b، کنترلهای قرصی شکل با خطوط بیرونی به سختی قابل توجه، و تایپوگرافی که در حروف بزرگ Pragmatica Cond با وزن ۴۰۰ قفل شده است - بدون حروف پررنگ، بدون حروف ترکیبی، بدون عناصر تزئینی. تنها نت رنگی #cc6437 است، یک سایه زنگزده گرم و سوزان که به عنوان نازکترین خطوط و علائم نقطهگذاری کوچک استفاده میشود، هرگز به عنوان پرکننده استفاده نمیشود. نقشهها روی #272a2a با شعاع ۱۰ پیکسل و بدون سایه شناور هستند. سیستم از ارتفاع اجتناب میکند و سطوح را از طریق کنتراست تُنها و بهترین حاشیههای ۱ پیکسلی تعریف میکند. عکسها به شدت تار و اتمسفریک هستند - مرمر مایع، دود، آتش - که در حالت تمام صفحه در پشت متن قرار گرفتهاند، بنابراین تصاویر بصری بیشتر اتمسفریک به نظر میرسند تا تصویری.
طرحبندی صفحه تمامعرض است و محتوا در مرکز آن با حداکثر عرض حدود ۱۴۰۰ پیکسل قرار دارد. قهرمان یک ترکیب تاریک و تمامعرض با یک لوگوی صورت فلکی مرکزی است که توسط میکروبرچسبها در سمت چپ و راست احاطه شده است. بخشها به طور متناوب: قهرمان تاریک → نوار روشن با زیرلایهها (استخوان) → متن تبدیل تاریک → شبکه تاریک کارتهای سیستم → پاورقی تاریک. بخش روشن تکی یک انتقال تُنال واحد و تیز ایجاد میکند. شبکه کارت از ۴ ستون استفاده میکند که کارت اول تقریباً دو برابر عرض سه کارت دیگر است و یک طرح نامتقارن با تأکید بر محتوا ایجاد میکند. فضای عمودی بین بخشها زیاد است (۸۰ پیکسل +). پیمایش حداقل است: یک نوار اخبار بالا + یک "شروع کن" در سمت چپ و یک "منو" در سمت راست در نوار بالا. بدون نوار کناری، بدون مگامنو.
عکسهای اتمسفریک، که تمام سطح صفحه را اشغال کردهاند، بر صفحه اصلی و کارتها تسلط دارند. تصاویر به شدت تار هستند (مقادیر تاری پسزمینه ۵۰ پیکسل و ۴۰ پیکسل تشخیص داده شد) و کنتراست بالایی دارند و مرمر مایع را با چرخشهای آبی-قرمز، دود، سیلوئتهای تیره مناظر و بافتهای آتش/خاکستر به تصویر میکشند. عکسها تیره و گرفته هستند، نه پر جنب و جوش - آنها همان طیف رنگی بوم خالی را دارند تا اینکه در مقابل آن برجسته باشند. هیچ عکسی از محصول، هیچ فردی، هیچ اسکرینشات رابط کاربری وجود ندارد. تصاویر به جای اینکه به عنوان محتوای گویا عمل کنند، فضاسازی میکنند. شبکه کارتی هر سیستم را به یک صحنه اتمسفریک متفاوت نگاشت میکند و به عکسها اجازه میدهد تا به عنوان شناسههای بصری انتزاعی عمل کنند تا تصاویر واقعی محصول.
پالت
برند
- Ember Rust
#cc6437— خطوط تاکیدی، خطوط آیکونها و هایلایتهای کوچک متن، تنها رنگهای کروماتیک در سیستم تکرنگ هستند و بیشتر به عنوان یک نقطه ضرباندارِ به سختی قابل توجه ظاهر میشوند تا یک پرکننده.
خنثی
- Void Black
#0b0b0b— تصاویر پسزمینه برای صفحه اصلی و بخشها؛ اساس کل سیستم. - Charcoal Surface
#272a2a— تصاویر پسزمینه ساخته شده از مقوا و پنلها در قسمتهای تیره، یک تُن روشنتر از بوم هستند تا تفکیک سطوح بدون سایه ایجاد شود. - Bone
#edebe7— نواحی روشن پسزمینه و سطح به رنگ کرم هستند، جایی که سیستم از تیره به روشن تغییر میکند. - Bone Darker
#dfddd9— سایه ای ظریف به نام "استخوان" برای سطوح سبک چند لایه و عناصر با رنگ گرم و تقریباً سفید. - Pure White
#ffffff— تمام متن اصلی و سرتیترها، حاشیههای دکمههای شبحمانند و عناصر ناوبری به رنگ اصلی با نسبت کنتراست ۱۹.۷:۱ در پسزمینه مشکی Void هستند. - Abyss
#050505— پسزمینه برجسته برای نوار خبری (بالای نوار خبری) - یک درجه تیرهتر از بوم اصلی برای برجسته کردن نوار.
تایپوگرافی
از ۱۱ تا ۳۲ پیکسل · ۵ مرحله
- Pragmatica Cond — جایگزینی: Oswald · طرح کلی 400 · فونت اصلی نمایشگر و رابط کاربری، یک فونت باریک و فشرده با اندازهی ۱۴ پیکسل برای متن اصلی، ۲۰ پیکسل برای سرفصلها و ۳۲ پیکسل برای متن اصلی است. یک فونت بسیار باریک و اندازهی ۱۴ پیکسل برای متن اصلی، شاخصترین راهحل برای این سیستم است: متن اصلی بیشتر شبیه زمزمهی یک فونت معماری خوانده میشود تا یک نثر معمولی. اگر Pragmatica Condensed در دسترس نیست، آن را با Oswald یا Barlow Condensed جایگزین کنید.
- Pragmatica — جایگزینی: Inter · طرح کلی 400 · یک فونت ثانویه و اصلی که برای متون نثر طولانیتر استفاده میشود (مثلاً توضیحات کارت «سیستم عامل هوش مصنوعی» ۲۴ پیکسل و متن پاراگراف ۱۵ پیکسل است). کمی عریضتر از Pragmatica Cond برای سهولت خواندن در بلوکهای بزرگتر، اما همچنان با ضخامت ۴۰۰ - هرگز بولد نمیشود. با Inter یا Söhne جایگزین کنید.
- Roboto Mono — جایگزینی: Roboto Mono (free · طرح کلی 400 · یک ریزفونت تکفاصله برای یک تیکر خبری ("NEWS • JUNE 15, 2026 • CRUCIBLE Early ACCESS NOW OPEN"). فونت تکفاصله فقط در اینجا استفاده شده است و یک تمایز عملکردی واضح ایجاد میکند: این دادههای سیستم است، نه برندسازی.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | میانگین |
| گام اساسی | 16-20px |
| شعاع دکمه | 1440px |
| شعاع کارت | 10px |
| سایهها | بدون حاشیه به جای سایه |
| بین بخشها | 80px |
| عرض صفحه | 1400px |
هوش مصنوعی وبسایت شما را به سبک Ciridae میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- Dala — صورت فلکی معلق بر مخمل سیاه
- Linear — ابزار دقیق نیمهشب
- Resend — مخمل مشکی با رنگ نئونی بنفش
- Dovetail — طرحی زیر نور ماه سیاه - خطوط نمودار به سختی قابل مشاهده، فونت سفید، یک درخشش بنفش
- Neon — یک اتاق سرور پس از تاریکی مطلق. تاریکی محض، جایی که تنها نور از دادهها و تعاملات کاربر میآید.
- Discord — دنیای بازی پشت یک پنجره چت پاپآپ پنهان شده است - هر بخش یک محیط مستقل با نورپردازی و مجموعه شخصیتهای خاص خود است.
- Aaru — رصدخانه میدان ذرات در نیمه شب
- Atlas Card — غار نیمهشب، با تک پرتو یاقوت کبودش، پهنهای کاملاً سیاه است که تنها چیزی که در آن اهمیت دارد، آبیِ الکتریکِ عمیق است.
- Midjourney — یک پایانه زیستتابی در اعماق اقیانوس. دنیایی در اعماق دریا که در آن هوش به صورت بصری خود را در جریانهای ASCII تولید میکند و کنترلها به صورت الگوهای کمنور ظاهر میشوند.
- Checkly — مرکز کنترل ماموریت مدار عمیق
- Krea — گالری نوآر در نیمه شب
- Wope — ووپ یک مرز بنفش رنگ است. یک میز رصدخانه تاریک را تصور کنید که نوری بنفش از زیر شیشه آن میدرخشد.