Ciridae
دھواں دار انگارے کی دھڑکن کے ساتھ ایک خالی کمرہ - ایک تقریبا سیاہ کیتھیڈرل جہاں صرف گرم آواز ہی زنگ کی ایک پتلی لکیر ہے، اور ہر سطح کی تعریف سائے کی بجائے باریک لکیروں سے ہوتی ہے۔
Ciridae ایک باطل میں کام کرتا ہے: ایک #0b0b0b کینوس، بمشکل نمایاں خاکہ کے ساتھ گولی کے سائز کا کنٹرول، اور 400 وزن پر پراگمیٹیکا کونڈ کے بڑے حصے میں بند ٹائپوگرافی — کوئی بولڈ، کوئی مخلوط کیس، کوئی آرائشی عناصر نہیں۔ واحد رنگین نوٹ #cc6437 ہے، ایک گرم، دھواں دار زنگ آلود سایہ جو سب سے پتلے اسٹروک اور چھوٹے تلفظ اوقاف کے نشانات کے طور پر استعمال ہوتا ہے، کبھی بھرنے کے طور پر نہیں۔ نقشے 10px رداس کے ساتھ #272a2a پر تیرتے ہیں اور سائے نہیں ہوتے ہیں۔ نظام بلندی کو روکتا ہے، سطحوں کو ٹونل کنٹراسٹ اور بہترین 1px بارڈرز کے ذریعے بیان کرتا ہے۔ تصویریں بہت زیادہ دھندلی اور ماحول کی ہوتی ہیں — مائع ماربل، دھواں، آگ — متن کے پیچھے فل سکرین موڈ میں رکھی جاتی ہیں، اس لیے بصری منظر کشی مثالی سے زیادہ ماحول محسوس کرتی ہے۔
صفحہ کی ترتیب پوری چوڑائی ہے، مواد زیادہ سے زیادہ 1400px کی چوڑائی میں مرکوز ہے۔ ہیرو ایک گہرا، مکمل چوڑائی والا مرکب ہے جس میں مرکزی نکشتر کا لوگو ہے جس کے بائیں اور دائیں طرف مائیکرو لیبل لگا ہوا ہے۔ سیکشنز متبادل: گہرا ہیرو → انڈر لیز کے ساتھ ہلکی پٹی (ہڈی) → گہرا ٹرانسفارم ٹیکسٹ → سسٹم کارڈز کا گہرا گرڈ → گہرا فوٹر۔ سنگل لائٹ سیکشن ایک سنگل، تیز ٹونل ٹرانزیشن بناتا ہے۔ کارڈ گرڈ 4 کالموں کا استعمال کرتا ہے، پہلا کارڈ دوسرے تین سے تقریباً دوگنا چوڑا ہوتا ہے، جو مواد پر زور دینے کے ساتھ ایک غیر متناسب ترتیب بناتا ہے۔ حصوں کے درمیان عمودی جگہ فیاض ہے (80px+)۔ نیویگیشن کم سے کم ہے: ایک سرفہرست نیوز بار + ایک بائیں طرف سے منسلک "ابھی شروع کریں" اور اوپری بار میں دائیں طرف سے منسلک "مینو"۔ کوئی سائڈبار، کوئی میگا مینو نہیں۔
ماحول کی تصاویر، صفحہ کی پوری سطح پر قبضہ کرتی ہیں، ہوم اسکرین اور کارڈز پر حاوی ہیں۔ تصاویر بہت زیادہ دھندلی ہیں (50px اور 40px کے پس منظر میں دھندلا پن کی قدروں کا پتہ چلا ہے) اور زیادہ کنٹراسٹ، نیلے سرخ گھومنے والے مائع ماربل، دھواں، مناظر کے گہرے سلیوٹس، اور آگ/امبر کی ساخت کو دکھایا گیا ہے۔ تصاویر موڈی اور تاریک ہیں، متحرک نہیں ہیں — وہ خالی کینوس کے مقابلے میں کھڑے ہونے کی بجائے اسی ٹونل رینج کا اشتراک کرتی ہیں۔ کوئی پروڈکٹ کی تصاویر نہیں ہیں، کوئی لوگ نہیں، کوئی UI اسکرین شاٹس نہیں ہیں۔ تصاویر مثالی مواد کے طور پر کام کرنے کے بجائے ماحول پیدا کرتی ہیں۔ کارڈ گرڈ ہر سسٹم کو ایک مختلف ماحولیاتی منظر میں نقشہ بناتا ہے، جس سے تصویروں کو لفظی مصنوعات کی تصویروں کے بجائے تجریدی بصری شناخت کار کے طور پر کام کرنے کی اجازت ملتی ہے۔
پیلیٹ
برانڈ
- Ember Rust
#cc6437— اکسنٹ اسٹروک، آئیکون لائنز، اور چھوٹے ٹیکسٹ ہائی لائٹس ایک مونوکروم سسٹم میں واحد رنگین رنگ ہیں، جو بھرنے کے مقابلے میں بمشکل نمایاں دھڑکن کے طور پر زیادہ ظاہر ہوتے ہیں۔
غیر جانبدار
- Void Black
#0b0b0b— مرکزی صفحہ اور حصوں کے لیے پس منظر کی تصاویر؛ پورے نظام کی بنیاد - Charcoal Surface
#272a2a— سیاہ جگہوں پر گتے اور پینلز سے بنی پس منظر کی تصاویر کینوس سے ہلکی ہوتی ہیں تاکہ سائے کے بغیر سطحوں کو الگ کیا جا سکے۔ - Bone
#edebe7— پس منظر اور سطح کے ہلکے علاقے کریم رنگ کے ہوتے ہیں، جہاں سسٹم اندھیرے سے روشنی میں بدل جاتا ہے۔ - Bone Darker
#dfddd9— کثیر پرتوں والی روشنی کی سطحوں اور گرم، تقریباً سفید رنگ کے عناصر کے لیے "ہڈی" نامی ایک نازک سایہ۔ - Pure White
#ffffff— تمام مین ٹیکسٹ اور ہیڈنگز، گھوسٹ بٹن بارڈرز، اور نیویگیشن عناصر بنیادی رنگ میں ہیں جن کا تناسب 19.7:1 باطل سیاہ پس منظر پر ہے۔ - Abyss
#050505— خبروں کی پٹی (سب سے اوپر کی خبروں کی پٹی) کے لیے ابھرا ہوا پس منظر - پٹی کو نمایاں کرنے کے لیے مرکزی کینوس سے گہرا ایک سایہ۔
نوع ٹائپ
11 سے 32px تک · 5 مراحل
- Pragmatica Cond — متبادل: Oswald · خاکہ 400 · بنیادی ڈسپلے اور یوزر انٹرفیس فونٹ ایک تنگ، کنڈینسڈ فونٹ ہے جس میں باڈی ٹیکسٹ کے لیے 14px آل کیپس، سیکشن ہیڈنگز کے لیے 20px، اور مین ٹیکسٹ کے لیے 32px ہے۔ باڈی ٹیکسٹ کے لیے ایک انتہائی تنگ فونٹ اور 14px آل کیپس سسٹم کے لیے سب سے نمایاں حل ہے: باڈی ٹیکسٹ عام نثر کی بجائے کسی آرکیٹیکچرل ٹائپ فیس کی سرگوشی کی طرح پڑھتا ہے۔ اگر Pragmatica Condensed دستیاب نہ ہو تو Oswald یا Barlow Condensed سے تبدیل کریں۔
- Pragmatica — متبادل: Inter · خاکہ 400 · ایک ثانوی، بنیادی فونٹ طویل نثر کے حصئوں کے لیے استعمال کیا جاتا ہے (مثال کے طور پر، "AI آپریٹنگ سسٹم" کارڈ کی تفصیل 24px ہے، پیراگراف کا متن 15px ہے)۔ بڑے بلاکس میں پڑھنے میں آسانی کے لیے Pragmatica Cond سے قدرے چوڑا، لیکن پھر بھی 400 وزن پر — کبھی بھی بولڈ نہیں۔ Inter یا Söhne سے بدل دیں۔
- Roboto Mono — متبادل: Roboto Mono (free · خاکہ 400 · نیوز ٹکر کے لیے ایک مونو اسپیسڈ مائیکرو فونٹ ("خبریں • 15 جون 2026 • کروسیبل ابتدائی رسائی اب کھلی ہے")۔ مونو اسپیسڈ فونٹ صرف یہاں استعمال ہوتا ہے، ایک واضح فنکشنل امتیاز پیدا کرتا ہے: یہ سسٹم ڈیٹا ہے، برانڈنگ نہیں۔
وقفے اور شکل
| مقصد | مطلب |
|---|---|
| کثافت | اوسط |
| بنیادی قدم | 16-20px |
| بٹن کا رداس | 1440px |
| کارڈ کا رداس | 10px |
| سائے | نہیں - سائے کی بجائے سرحدیں |
| حصوں کے درمیان | 80px |
| صفحہ کی چوڑائی | 1400px |
AI آپ کی ویب سائٹ کو Ciridae کے انداز میں بنائے گا اور اسے بھرے گا۔
- لنک کے ذریعے پروڈکٹس اور پوسٹس بھریں - Instagram, TikTok, Facebook.
- اپنی پرانی سائٹ سے مواد منتقل کریں—بس پتہ کی وضاحت کریں۔
- بہترین انجن پر جدید ڈیزائن: سرور رینڈرنگ اور SEO آپٹیمائزیشن کے ساتھ React ( Next.js) باکس سے باہر۔
- تلاش کے نتائج اور نیورل نیٹ ورک کی سفارشات کے لیے مکمل طور پر خودکار SEO کی اصلاح۔
ملتے جلتے انداز
- Dala — سیاہ مخملی پر منڈلاتا ایک برج
- Linear — آدھی رات کا درست آلہ
- Resend — جامنی نیین رنگ کے ساتھ سیاہ مخمل
- Dovetail — بلیک مون کے نیچے ایک بلیو پرنٹ — بمشکل نظر آنے والی گراف لائنیں، سفید فونٹ، ایک جامنی چمک
- Neon — اندھیرے کے بعد ایک سرور روم۔ خالص اندھیرا، جہاں صرف روشنی ڈیٹا اور صارف کی بات چیت سے آتی ہے۔
- Discord — گیم کی دنیا ایک پاپ اپ چیٹ ونڈو کے پیچھے چھپی ہوئی ہے - ہر سیکشن ایک خود ساختہ ماحول ہے جس کی اپنی روشنی اور کرداروں کے سیٹ ہیں
- Aaru — آدھی رات کو پارٹیکل فیلڈ آبزرویٹری
- Atlas Card — مڈ نائٹ والٹ، اپنی سنگل نیلم کی کرن کے ساتھ، ایک گہرا سیاہ فاصلہ ہے جہاں صرف ایک چیز جو اہمیت رکھتی ہے وہ گہرا برقی نیلا ہے۔
- Midjourney — گہرے سمندر میں ایک بائولومینسنٹ ٹرمینل۔ ایک گہرے سمندر کی دنیا جہاں ذہانت خود کو ASCII اسٹریمز میں بصری طور پر پیدا کرتی ہے، اور کنٹرول ہلکے سے چمکتے نمونوں کے طور پر ظاہر ہوتے ہیں۔
- Checkly — گہرے مدار مشن کنٹرول سینٹر
- Krea — آدھی رات کو گیلری نوئر
- Wope — ووپ ایک جامنی رنگ کا افق انٹرفیس ہے۔ ایک تاریک آبزرویٹری ٹیبل کا تصور کریں جس میں جامنی رنگ کی روشنی شیشے کے نیچے سے چمک رہی ہو۔