Ciridae
Prázdna miestnosť s pulzovaním tlejúcich uhlíkov - takmer čierna katedrála, kde jediným teplým zvukom je tenká čiara hrdze a každý povrch je definovaný skôr jemnými čiarami než tieňom.
Ciridae funguje v prázdnote: plátno #0b0b0b, ovládacie prvky v tvare tabletky s sotva viditeľnými obrysmi a typografia uzamknutá do veľkých písmen Pragmatica Cond s hrúbkou 400 – žiadne tučné písmo, žiadne zmiešané veľké a malé písmená, žiadne dekoratívne prvky. Jedinou chromatickou notou je #cc6437, teplý, tlejúci hrdzavý odtieň použitý ako najtenšie ťahy a malé interpunkčné znamienka, nikdy ako výplň. Mapy sa vznášajú na #272a2a s polomerom 10px a bez tieňov; systém sa vyhýba výškovému posúvaniu, definuje povrchy pomocou tónového kontrastu a najjemnejších 1px okrajov. Fotografie sú silne rozmazané a atmosférické – tekutý mramor, dym, oheň – umiestnené za textom v režime celej obrazovky, takže vizuálne zobrazenie pôsobí skôr atmosféricky ako ilustratívne.
Rozloženie stránky je na celú šírku s obsahom vycentrovaným v rámci maximálnej šírky ~1400px. Hrdina je tmavá kompozícia na celú šírku s logom súhvezdia umiestneným v strede, lemovaným mikroštítkami na ľavej a pravej strane. Sekcie sa striedajú: tmavý hrdina → svetlý pruh s podkladmi (Kosť) → tmavý transformačný text → tmavá mriežka systémových kariet → tmavá päta. Jedna svetlá sekcia vytvára jeden, ostrý tónový prechod. Mriežka kariet používa 4 stĺpce, pričom prvá karta je približne dvakrát širšia ako ostatné tri, čím vytvára asymetrické rozloženie s dôrazom na obsah. Vertikálny priestor medzi sekciami je veľkorysý (80px+). Navigácia je minimálna: horný panel so správami + jeden „Začať teraz“ zarovnaný vľavo a „Menu“ zarovnané vpravo v hornom paneli. Žiadny bočný panel, žiadne mega-menu.
Atmosférické fotografie, ktoré zaberajú celú plochu stránky, dominujú domovskej obrazovke a kartám. Obrázky sú silne rozmazané (boli zistené hodnoty rozmazania pozadia 50px a 40px) a majú vysoký kontrast, zobrazujú tekutý mramor s modročervenými vírmi, dymom, tmavými siluetami krajiny a textúrami ohňa/žeravého uhlíka. Fotografie sú náladové a tmavé, nie živé – zdieľajú rovnaký tónový rozsah ako prázdne plátno, namiesto toho, aby na ňom vyčnievali. Nie sú tam žiadne fotografie produktov, žiadni ľudia ani snímky obrazovky používateľského rozhrania. Obrázky vytvárajú skôr atmosféru, než aby slúžili ako ilustratívny obsah. Mriežka kariet mapuje každý systém na inú atmosférickú scénu, čo umožňuje fotografiám fungovať ako abstraktné vizuálne identifikátory a nie ako doslovné obrázky produktov.
Paleta
Značka
- Ember Rust
#cc6437— Zvýrazňovacie čiary, čiary ikon a malé zvýraznenia textu sú jedinou chromatickou farbou v monochromatickom systéme a javia sa skôr ako sotva badateľná pulzujúca škvrna než ako výplň.
Neutrálny
- Void Black
#0b0b0b— Obrázky na pozadí hlavnej stránky a sekcií; základ celého systému. - Charcoal Surface
#272a2a— Obrázky na pozadí z kartónu a panelov na tmavých plochách sú o jeden tón svetlejšie ako plátno, aby sa vytvorilo oddelenie povrchov bez tieňov. - Bone
#edebe7— Svetlé oblasti pozadia a povrchu sú krémovo sfarbené, kde systém prechádza z tmavej na svetlú farbu. - Bone Darker
#dfddd9— Jemný odtieň s názvom „Kosť“ pre viacvrstvové svetlé povrchy a prvky teplej, takmer bielej farby. - Pure White
#ffffff— Všetok hlavný text a nadpisy, orámovanie tlačidiel typu „ghost“ a navigačné prvky sú v primárnej farbe s kontrastným pomerom 19,7:1 na čiernom pozadí Void. - Abyss
#050505— Zvýšené pozadie pre spravodajský pás (horný spravodajský pás) - o jeden odtieň tmavšie ako hlavné plátno, aby pás vynikol.
Typografia
od 11 do 32px · 5 krokov
- Pragmatica Cond — náhrada: Oswald · obrysy 400 · Primárne písmo pre zobrazenie a používateľské rozhranie je úzke, zhustené písmo so 14px veľkými písmenami pre text tela, 20px pre nadpisy sekcií a 32px pre hlavný text. Extrémne úzke písmo a 14px veľké písmená pre text tela je najcharakteristickejším riešením pre systém: text tela sa číta skôr ako šepot architektonického písma než ako bežná próza. Ak nie je k dispozícii písmo Pragmatica Condensed, nahraďte ho písmom Oswald alebo Barlow Condensed.
- Pragmatica — náhrada: Inter · obrysy 400 · Sekundárne, primárne písmo používané pre dlhšie prozaické pasáže (napr. popis karty „Operačný systém umelej inteligencie“ má veľkosť 24px, text odseku má veľkosť 15px). O niečo širšie ako Pragmatica Cond pre ľahšie čítanie vo väčších blokoch, ale stále s hmotnosťou 400 – nikdy nie tučné. Nahraďte písmom Inter alebo Söhne.
- Roboto Mono — náhrada: Roboto Mono (free · obrysy 400 · Nerozmiestnené mikrofont pre spravodajský ticker („SPRÁVY • 15. JÚNA 2026 • CRUCIBLE EARLY ACCESS TERAZ OTVORENÝ“). Nerozmiestnené písmo sa používa iba tu, čím sa vytvára jasné funkčné rozlíšenie: ide o systémové údaje, nie o branding.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | priemerný |
| Základný krok | 16-20px |
| Polomer tlačidla | 1440px |
| Polomer karty | 10px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 80px |
| Šírka stránky | 1400px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Ciridae a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- Dala — súhvezdie vznášajúce sa na čiernom zamate
- Linear — polnočný presný prístroj
- Resend — čierny zamat s fialovou neónovou farbou
- Dovetail — Plán pod čiernym mesiacom - sotva viditeľné čiary grafu, biele písmo, jedna fialová iskra
- Neon — Serverovňa po zotmení. Čistá tma, kde jediné svetlo pochádza z dát a interakcií používateľov.
- Discord — Herný svet je skrytý za vyskakovacím oknom chatu - každá sekcia je samostatné prostredie s vlastným osvetlením a sadou postáv.
- Aaru — Observatórium časticového poľa o polnoci
- Atlas Card — Polnočný trezor s jediným zafírovým lúčom je čiernou rozlohou, kde jediné, na čom záleží, je tmavá elektrická modrá.
- Midjourney — Bioluminiscenčný terminál v hlbokom oceáne. Hlbokomorský svet, kde sa inteligencia vizuálne generuje v ASCII kódoch a ovládacie prvky sa javia ako slabo žiariace vzory.
- Checkly — Riadiace centrum misie na hlbokej obežnej dráhe
- Krea — galéria noir o polnoci
- Wope — Wope je rozhranie fialového horizontu. Predstavte si tmavý stôl observatória s fialovým svetlom vyžarujúcim spod skla.