Ciridae

Пустое помещение с пульсацией тлеющих углей — почти черный собор, где единственным теплым звуком является тонкая линия ржавчины, а каждая поверхность определяется скорее тонкими линиями, чем тенью

Ciridae работает в пустоте: холст #0b0b0b, элементы управления в виде таблеток с едва заметными контурами и типографика, запертая в верхнем регистре Pragmatica Cond с толщиной 400 — без жирного шрифта, без смешанного регистра, без декоративных элементов. Единственная хроматическая нота — #cc6437, теплый тлеющий оттенок ржавчины, используемый в качестве тончайших штрихов и небольших акцентных знаков препинания, никогда не в качестве заливки. Карты парят на #272a2a с радиусом 10px и без теней; система отказывается от возвышения, определяя поверхности с помощью тонального контраста и тончайших границ 1px. Фотографии сильно размыты и атмосферны — жидкий мрамор, дым, огонь — расположены за текстом в полноэкранном режиме, поэтому визуальные образы кажутся скорее атмосферными, чем иллюстративными.

Модель страницы с полным заполнением, контент центрирован в пределах максимальной ширины ~1400px. Герой представляет собой темную композицию во всю ширину экрана с центрированным логотипом в виде созвездия, по бокам от которого расположены микро-метки слева и справа. Разделы чередуются: темный герой → светлая полоса с подложками (Bone) → темный текст трансформации → темная сетка карточек систем → темный нижний колонтитул. Единственный светлый раздел создает один резкий тональный переход. Сетка карточек использует 4 колонки, где первая карточка примерно в 2 раза шире остальных трех, создавая асимметричный макет с акцентом на содержание. Вертикальное пространство между разделами достаточно велико (80px+). Навигация минимальна: верхняя панель новостей + одна выровненная по левому краю «Начать сейчас» и выровненная по правому краю «Меню» в верхней панели. Нет боковой панели, нет мега-меню.

Атмосферные фотографии, занимающие всю поверхность страницы, доминируют на фоне главного экрана и карточек. Изображения сильно размыты (обнаружены значения размытия фона 50px и 40px) и высококонтрастны, изображая жидкий мрамор с сине-красными вихревыми узорами, дым, темные силуэты пейзажей и текстуры огня/углей. Фотографии мрачные и темные, а не яркие — они находятся в том же тональном диапазоне, что и пустое полотно, а не выделяются на его фоне. Нет фотографий продукции, нет людей, нет скриншотов пользовательского интерфейса. Изображения создают атмосферу, а не являются иллюстративным контентом. Сетка карточек сопоставляет каждую систему с различной атмосферной сценой, благодаря чему фотографии функционируют как абстрактные визуальные идентификаторы, а не как буквальное изображение продукта.

Тёмный Чистый SaaS Высокий контраст

https://www.ciridae.com

Палитра

Бренд

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-оптимизация под поисковую выдачу и рекомендации нейросетей.

Создать сайт в этом стиле

Ciridae

Палитра

Типографика

Интервалы и форма

ИИ соберёт ваш сайт в стиле Ciridae и наполнит его

Похожие стили