Ciridae
هڪ خالي ڪمرو جنهن ۾ ٻرندڙ انگارن جي ڌڙڪن آهي - هڪ تقريبن ڪارو گرجا گھر جتي صرف گرم آواز زنگ جي هڪ پتلي لڪير آهي، ۽ هر مٿاڇري پاڇي جي بدران نفيس لڪيرن سان بيان ڪئي وئي آهي.
Ciridae هڪ خالي جاءِ تي ڪم ڪري ٿو: هڪ #0b0b0b ڪينواس، مشڪل سان قابل ذڪر آئوٽ لائنن سان گڏ گولي جي شڪل جا ڪنٽرول، ۽ 400 وزن تي Pragmatica Cond جي وڏي ڪيس ۾ بند ٿيل ٽائيپوگرافي - ڪو به بولڊ، ڪو به مخلوط ڪيس، ڪو به آرائشي عنصر نه. واحد ڪروميٽ نوٽ #cc6437 آهي، هڪ گرم، ٻرندڙ زنگ وارو ڇانو جيڪو پتلي اسٽروڪ ۽ ننڍڙن تلفظ جي نشانين جي طور تي استعمال ڪيو ويندو آهي، ڪڏهن به ڀرڻ جي طور تي نه. نقشا #272a2a تي 10px ريڊيس ۽ ڪنهن به پاڇي سان ترندا آهن؛ سسٽم بلندي کان پاسو ڪري ٿو، ٽونل ڪنٽراسٽ ۽ بهترين 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 کان 32 پکسلز تائين · 5 مرحلا
- Pragmatica Cond — متبادل: Oswald · خاڪا 400 · پرائمري ڊسپلي ۽ يوزر انٽرفيس فونٽ هڪ تنگ، ڪنڊينسڊ فونٽ آهي جنهن ۾ باڊي ٽيڪسٽ لاءِ 14px آل ڪيپس، سيڪشن هيڊنگ لاءِ 20px، ۽ مين ٽيڪسٽ لاءِ 32px آهن. هڪ انتهائي تنگ فونٽ ۽ باڊي ٽيڪسٽ لاءِ 14px آل ڪيپس سسٽم لاءِ سڀ کان وڌيڪ خصوصيت وارو حل آهي: باڊي ٽيڪسٽ عام نثر جي بدران هڪ آرڪيٽيڪچرل ٽائيپ فيس جي وسوسن وانگر پڙهي ٿو. جيڪڏهن پراگميٽيڪا ڪنڊينسڊ دستياب نه آهي ته اوسوالڊ يا بارلو ڪنڊينسڊ سان تبديل ڪريو.
- Pragmatica — متبادل: Inter · خاڪا 400 · هڪ ثانوي، پرائمري فونٽ جيڪو ڊگھي نثر جي اقتباسن لاءِ استعمال ٿيندو آهي (مثال طور، "AI آپريٽنگ سسٽم" ڪارڊ جي وضاحت 24px آهي، پيراگراف ٽيڪسٽ 15px آهي). وڏن بلاڪن ۾ پڙهڻ جي آساني لاءِ Pragmatica Cond کان ٿورو ويڪرو، پر اڃا تائين 400 وزن تي - ڪڏهن به بولڊ نه. انٽر يا Söhne سان تبديل ڪريو.
- Roboto Mono — متبادل: Roboto Mono (free · خاڪا 400 · نيوز ٽِڪر لاءِ هڪ مونو اسپيسڊ مائڪرو فونٽ ("خبرون • جون 15، 2026 • ڪروسيبل ارلي ايڪسيس هاڻي کليل"). مونو اسپيسڊ فونٽ صرف هتي استعمال ڪيو ويو آهي، هڪ واضح فنڪشنل فرق پيدا ڪري ٿو: هي سسٽم ڊيٽا آهي، برانڊنگ نه.
وقفا ۽ شڪل
| مقصد | مطلب |
|---|---|
| کثافت | سراسري |
| بنيادي قدم | 16-20px |
| بٽڻ جو ريڊيس | 1440px |
| ڪارڊ جو ريڊيس | 10px |
| پاڇا | پاڇن جي بدران ڪو به بارڊر نه |
| حصن جي وچ ۾ | 80px |
| صفحي جي ويڪر | 1400px |
AI توهان جي ويب سائيٽ Ciridae انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- Dala — ڪاري مخمل تي اڏامندڙ هڪ برج
- Linear — اڌ رات جي درستگي وارو اوزار
- Resend — ڪارو مخمل جامني نيرو رنگ سان
- Dovetail — ڪاري چنڊ هيٺان هڪ نقشو - مشڪل سان نظر ايندڙ گراف لائينون، اڇو فونٽ، هڪ جامني چمڪ
- Neon — اوندهه کان پوءِ هڪ سرور روم. خالص اوندهه، جتي صرف روشني ڊيٽا ۽ استعمال ڪندڙ جي رابطي مان ايندي آهي.
- Discord — راند جي دنيا هڪ پاپ اپ چيٽ ونڊو جي پويان لڪيل آهي - هر سيڪشن هڪ خودمختار ماحول آهي جنهن جي پنهنجي روشني ۽ ڪردارن جو سيٽ آهي.
- Aaru — آڌي رات جو پارٽيڪل فيلڊ آبزرويٽري
- Atlas Card — مڊنائيٽ والٽ، پنهنجي سنگل نيلم ري سان، هڪ گندو ڪارو علائقو آهي جتي صرف هڪ شيءِ جيڪا اهم آهي اها آهي گہرے برقي نيرو.
- Midjourney — گہرے سمنڊ ۾ هڪ بايولومينسينٽ ٽرمينل. هڪ گہرے سمنڊ جي دنيا جتي ذهانت بصري طور تي ASCII اسٽريمز ۾ پاڻ کي پيدا ڪري ٿي، ۽ ڪنٽرول هلڪي چمڪندڙ نمونن وانگر نظر اچن ٿا.
- Checkly — ڊيپ آربٽ مشن ڪنٽرول سينٽر
- Krea — اڌ رات جو گيلري نائر
- Wope — ووپ هڪ جامني افق انٽرفيس آهي. تصور ڪريو هڪ اونداهي رصدگاهه واري ٽيبل جنهن ۾ شيشي جي هيٺان جامني روشني اچي رهي آهي.