Ciridae
Пустое памяшканне з пульсацыяй тлеючых вуглёў - амаль чорны сабор, дзе адзіным цёплым гукам з'яўляецца тонкая лінія іржы, а кожная паверхня вызначаецца хутчэй тонкімі лініямі, чым ценем
Ciridae працуе ў пустаце: палатно #0b0b0b, элементы кіравання ў выглядзе таблетак з ледзь прыкметнымі контурамі і друкарка, зачыненая ў верхнім рэгістры Pragmatica Cond з таўшчынёй 400 - без тоўстага шрыфта, без змешанага рэгістра, без дэкаратыўных элементаў. Адзіная храматычная нота — #cc6437, цёплае якое цьмее адценне іржы, выкарыстоўваны ў якасці найтонкіх рысак і невялікіх акцэнтных знакаў прыпынку, ніколі не ў якасці залівання. Карты параць на #272a2a з радыусам 10px і без ценяў; сістэма адмаўляецца ад узвышэння, вызначаючы паверхні з дапамогай танальнага кантрасту і найтонкіх межаў 1px. Фатаграфіі моцна размытыя і атмасферныя - вадкі мармур, дым, агонь - размешчаны за тэкстам у поўнаэкранным рэжыме, таму візуальныя выявы здаюцца хутчэй атмасфернымі, чым ілюстрацыйнымі.
Мадэль старонкі з поўным запаўненнем, кантэнт цэнтраваны ў межах максімальнай шырыні ~1400px. Герой уяўляе сабой цёмную кампазіцыю ва ўсю шырыню экрана з цэнтраваным лагатыпам у выглядзе сузор'я, па баках ад якога размешчаны мікра-пазнакі злева і справа. Часткі чаргуюцца: цёмны герой → светлая паласа з падкладкамі (Bone) → цёмны тэкст трансфармацыі → цёмная сетка картак сістэм → цёмны ніжні калантытул. Адзіная светлая частка стварае адзін рэзкі танальны пераход. Сетка картак выкарыстоўвае 4 калонкі, дзе першая картка прыкладна ў 2 разы шырэйшая за астатнія тры, ствараючы асіметрычны макет з акцэнтам на змест. Вертыкальная прастора паміж часткамі досыць вялікае (80px+). Навігацыя мінімальная: верхняя панэль навін + адна выраўнаваная па левым краі «Пачаць зараз» і выраўнаваная па правым краі «Меню» у верхняй панэлі. Няма бакавой панэлі, няма мега-меню.
Атмасферныя фатаграфіі, якія займаюць усю паверхню старонкі, дамінуюць на фоне галоўнага экрана і картак. Выявы моцна размытыя (выяўлены значэння размыцця фону 50px і 40px) і высокакантрасныя, малюючы вадкі мармур з сіне-чырвонымі віхравымі ўзорамі, дым, цёмныя сілуэты пейзажаў і тэкстуры агню / вуглёў. Фатаграфіі змрочныя і цёмныя, а не яркія - яны знаходзяцца ў тым жа танальным дыяпазоне, што і пустое палатно, а не вылучаюцца на яго фоне. Няма фатаграфій прадукцыі, няма людзей, няма скрыншотаў карыстацкага інтэрфейсу. Выявы ствараюць атмасферу, а не з'яўляюцца ілюстрацыйным кантэнтам. Сетка картак супастаўляе кожную сістэму з рознай атмасфернай сцэнай, дзякуючы чаму фатаграфіі функцыянуюць як абстрактныя візуальныя ідэнтыфікатары, а не як літаральны малюнак прадукта.
Палітра
Брэнд
- Ember Rust
#cc6437— Акцэнтныя рыскі, лініі абразкоў, невялікія вылучэнні тэксту - адзіны храматычны колер у манахромнай сістэме, які з'яўляецца хутчэй у выглядзе ледзь прыкметнай пульсавалай плямы, чым заліванні.
Нейтральныя
- Void Black
#0b0b0b— Фонавыя выявы асноўнай старонкі і раздзелаў; аснова ўсёй сістэмы. - Charcoal Surface
#272a2a— Фонавыя выявы з кардона і панэляў на цёмных участках - на адзін тон святлей палатна для стварэння падзелу паверхняў без ценяў. - Bone
#edebe7— Светлыя ўчасткі фону і паверхні крэмавага колеру, дзе сістэма перамыкаецца з цёмнага на светлае. - Bone Darker
#dfddd9— Далікатнае адценне «Косць» для шматслаёвых светлых паверхняў і элементаў цёплага, амаль белага колеру. - Pure White
#ffffff— Увесь асноўны тэкст і загалоўкі, межы кнопак-зданяў, элементы навігацыі - асноўны колер з кантрастам 19,7:1 на Void чорным фоне. - Abyss
#050505— Прыпадняты фон для паласы навін (верхняя навінная паласа) - на адно адценне цямней асноўнага палатна, каб вылучыць паласу.
Друкарня
ад 11 да 32px · 5 прыступак
- Pragmatica Cond — замена: Oswald · напісання 400 · Асноўны шрыфт для адлюстравання і карыстацкага інтэрфейсу - вузкі, сціснуты, загалоўныя літары памерам 14px для асноўнага тэксту, 20px для загалоўкаў раздзелаў, 32px для галоўнага тэксту. Вельмі вузкі шрыфт і напісанне загалоўнымі літарамі памерам 14px для асноўнага тэксту - найболей характэрнае рашэнне сістэмы: асноўны тэкст чытаецца як шэпт архітэктурнага шрыфта, а не як звычайная проза. Заменіце на Oswald ці Barlow Condensed, калі Pragmatica Cond недаступны.
- Pragmatica — замена: Inter · напісання 400 · Другасны асноўны шрыфт, які выкарыстоўваецца для даўжэйшых празаічных урыўкаў (напрыклад, апісанне карткі «Аперацыйная сістэма ІІ» у 24px, тэкст абзаца ў 15px). Трохі шырэй, чым Pragmatica Cond, для зручнасці чытання ў вялікіх блоках, але ўсё яшчэ мае таўшчыню 400 - ніколі не выкарыстоўваецца тоўсты шрыфт. Заменіце на Inter ці Söhne.
- Roboto Mono — замена: Roboto Mono (free · напісання 400 · Манашырынны мікрашрыфт для бягучага радка навін («НАВІНЫ • 15 ЧЭРВЕНЯ 2026 ГОДА • РАННІ ДОСТУП ДА CRUCIBLE АДКРЫТЫ»). Манашырынны шрыфт выкарыстоўваецца толькі тут, ствараючы выразнае функцыянальнае адрозненне: гэта сістэмныя дадзеныя, а не фірмовы стыль.
Інтэрвалы і форма
| Прызначэнне | Значэнне |
|---|---|
| Шчыльнасць | сярэдняя |
| Базавы крок | 16-20px |
| Радыус кнопак | 1440px |
| Радыус картак | 10px |
| Цені | не - межы замест ценяў |
| Паміж секцыямі | 80px |
| Шырыня старонкі | 1400px |
ІІ збярэ ваш сайт у стылі Ciridae і напоўніць яго
- Напоўніць таварамі і пастамі па спасылцы — Instagram, TikTok, Facebook.
- Перанясе кантэнт са старога сайта - дастаткова пазначыць адрас.
- Сучасны дызайн на лепшым рухавічку: React ( Next.js) з серверным рэндэрынгам і SEO-аптымізацыяй са скрынкі.
- Поўная аўтаматычная SEO-аптымізацыя пад пошукавую выдачу і рэкамендацыі нейрасетак.
Падобныя стылі
- Dala — сузор'е, якое лунала на чорным аксаміце
- Linear — інструмент паўночнай дакладнасці
- Resend — чорны аксаміт з фіялетавым неонавым колерам
- Dovetail — Схема чарцяжа пад чорным месяцам - ледзь прыкметныя лініі графіка, белы шрыфт, адна фіялетавая іскра
- Neon — Серверны пакой пасля наступлення цемры. Глыбокая цемра, дзе адзінымі крыніцамі святла з'яўляюцца дадзеныя і ўзаемадзеянне паміж карыстальнікамі
- Discord — Гульнявы свет скрыты за ўсплывальным акном чата - кожны раздзел уяўляе сабой самадастатковае асяроддзе са сваім уласным асвятленнем і наборам персанажаў.
- Aaru — Абсерваторыя поля часціц апоўначы
- Atlas Card — Паўночнае сховішча з адзіным сапфіравым промнем - абсалютная чорная роўнядзь, дзе адзінае, што мае значэнне, - гэта глыбокі электрычны сіні колер
- Midjourney — Біялюмінесцэнтны тэрмінал у глыбакаводных раёнах акіяна. Глыбакаводны свет, дзе інтэлект наглядна генеруе сябе ў патоках ASCII, а элементы кіравання выглядаюць як слаба свецяцца ўзоры
- Checkly — Цэнтр кіравання палётамі на далёкай арбіце
- Krea — галерэя нуар апоўначы
- Wope — Wope - інтэрфейс фіялетавага гарызонту. Уявіце сабе цёмны стол у абсерваторыі, з-пад шкла якога паднімаецца фіялетавы светлавы струмень