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