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 – інтерфейс фіолетового горизонту. Уявіть собі темний стіл в обсерваторії, з-під скла якого піднімається світло-фіолетовий потік