Ciridae
یوه تشه خونه چې د اور لګېدونکو انګورو د حرکت غږ پکې دی - تقریبا تور کلیسا چې یوازینی ګرم غږ د زنګ یوه نرۍ کرښه ده، او هره سطحه د سیوري پرځای د ښیښو کرښو لخوا تعریف شوې ده.
سیریډی په یوه تشه کې کار کوي: یو #0b0b0b کینوس، د ګولۍ په شکل کنټرولونه چې لږ د پام وړ بڼې لري، او ټایپوګرافي د پراګماټیکا کنډ په لوی توري کې د 400 وزن سره تړل شوې ده - هیڅ بولډ، هیڅ مخلوط قضیه، هیڅ آرائشی عناصر نشته. یوازینی کروماتیک نوټ #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— د خبرونو پټۍ (د خبرونو پورته پټۍ) لپاره پورته شوی شالید - د اصلي کینوس څخه یو سیوری تیاره ترڅو پټۍ روښانه شي.
ټایپوګرافي
له ۱۱ څخه تر ۳۲ پکسله پورې · ۵ ګامونه
- Pragmatica Cond — بدیل: Oswald · بڼې 400 · د اصلي ښودنې او کارونکي انٹرفیس فونټ یو تنګ، متمرکز فونټ دی چې د بدن متن لپاره 14px ټول کیپونه، د برخې سرلیکونو لپاره 20px، او د اصلي متن لپاره 32px لري. د بدن متن لپاره یو خورا تنګ فونټ او 14px ټول کیپونه د سیسټم لپاره ترټولو ځانګړتیا حل دی: د بدن متن د عادي نثر پرځای د معمارۍ ټایپفیس د غږ په څیر لوستل کیږي. که پراګماتیکا کنډینسډ شتون ونلري نو د اوسوالډ یا بارلو کنډینسډ سره بدل کړئ.
- Pragmatica — بدیل: Inter · بڼې 400 · یو ثانوي، لومړنی فونټ چې د اوږدې نثري برخې لپاره کارول کیږي (د مثال په توګه، د "AI عملیاتي سیسټم" کارت توضیحات 24px دي، د پراګراف متن 15px دی). په لویو بلاکونو کې د لوستلو اسانتیا لپاره د پراګماټیکا کنډ څخه یو څه پراخه، مګر بیا هم په 400 وزن کې - هیڅکله بولډ نه. د انټر یا سوهن سره بدل کړئ.
- Roboto Mono — بدیل: Roboto Mono (free · بڼې 400 · د خبرونو ټیکر لپاره یو مونو اسپیس مایکروفونټ ("خبرونه • د جون ۱۵، ۲۰۲۶ • کروسیبل ژر لاسرسی اوس خلاص دی"). مونو اسپیس فونټ یوازې دلته کارول کیږي، چې یو روښانه فعال توپیر رامینځته کوي: دا د سیسټم ډیټا ده، نه برانډینګ.
وقفې او بڼه
| موخه | معنی |
|---|---|
| کثافت | اوسط |
| اساسي ګام | 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 — ووپ د ارغواني افق انٹرفیس دی. د تیاره څارونکي میز تصور وکړئ چې د شیشې لاندې څخه ارغواني رڼا راښکاره کیږي.