Ciridae
Prázdná místnost s pulzováním doutnajících uhlíků - téměř černá katedrála, kde jediným teplým zvukem je tenká linie rzi a každý povrch je definován spíše jemnými liniemi než stínem.
Ciridae funguje v prázdnotě: plátno #0b0b0b, ovládací prvky ve tvaru pilulek s sotva znatelnými obrysy a typografie uzamčená do velkých písmen Pragmatica Cond s gramáží 400 – žádné tučné písmo, žádná smíšená velká a malá písmena, žádné dekorativní prvky. Jedinou chromatickou notou je #cc6437, teplý, doutnající odstín rezavosti použitý jako nejtenčí tahy a malá interpunkční znaménka, nikdy jako výplň. Mapy se vznášejí na #272a2a s poloměrem 10px a bez stínů; systém se vyhýbá výšce, definuje povrchy pomocí tónového kontrastu a nejjemnějších okrajů o tloušťce 1px. Fotografie jsou silně rozmazané a atmosférické – tekutý mramor, kouř, oheň – umístěné za textem v režimu celé obrazovky, takže vizuální obraz působí spíše atmosféricky než ilustrativně.
Rozvržení stránky je na celou šířku s obsahem vycentrovaným v maximální šířce ~1400 pixelů. Hlavní postava je tmavá kompozice na celou šířku s logem souhvězdí uprostřed, lemovaným mikroštítky na levé a pravé straně. Sekce se střídají: tmavá hlavní postava → světlý pruh s podklady (Kost) → tmavý transformační text → tmavá mřížka systémových karet → tmavá patička. Jedna světlá sekce vytváří jediný, ostrý tónový přechod. Mřížka karet používá 4 sloupce, přičemž první karta je přibližně dvakrát širší než ostatní tři, což vytváří asymetrické rozvržení s důrazem na obsah. Vertikální prostor mezi sekcemi je velkorysý (80 pixelů+). Navigace je minimální: horní panel s novinkami + jedna „Začít nyní“ zarovnaná vlevo a „Menu“ zarovnaná vpravo v horní liště. Žádný postranní panel, žádné megamenu.
Atmosférické fotografie, které zabírají celou plochu stránky, dominují domovské obrazovce a kartám. Obrázky jsou silně rozmazané (byly detekovány hodnoty rozmazání pozadí 50px a 40px) a vysoce kontrastní, zobrazují tekutý mramor s modročervenými víry, kouřem, tmavými siluetami krajiny a texturami ohně/uhelného uhlíku. Fotografie jsou náladové a tmavé, nikoli živé – sdílejí stejný tónový rozsah jako prázdné plátno, spíše než aby na jeho pozadí vyčnívaly. Nejsou zde žádné fotografie produktů, žádní lidé ani snímky obrazovky uživatelského rozhraní. Obrázky spíše vytvářejí atmosféru, než aby sloužily jako ilustrativní obsah. Mřížka karet mapuje každý systém na jinou atmosférickou scénu, což umožňuje fotografiím fungovat spíše jako abstraktní vizuální identifikátory než jako doslovné obrázky produktů.
Paleta
Značka
- Ember Rust
#cc6437— Zvýrazňující tahy, čáry ikon a zvýraznění malých textů jsou jedinou chromatickou barvou v monochromatickém systému a jeví se spíše jako sotva znatelný pulzující bod než jako výplň.
Neutrální
- Void Black
#0b0b0b— Obrázky na pozadí pro hlavní stránku a sekce; základ celého systému. - Charcoal Surface
#272a2a— Obrázky na pozadí z kartonu a panelů na tmavých plochách jsou o jeden tón světlejší než plátno, aby se vytvořilo oddělení povrchů bez stínů. - Bone
#edebe7— Světlé oblasti pozadí a povrchu jsou krémově zbarvené, kde systém přechází z tmavého na světlý odstíny. - Bone Darker
#dfddd9— Jemný odstín s názvem „Kost“ pro vícevrstvé světlé povrchy a prvky teplé, téměř bílé barvy. - Pure White
#ffffff— Veškerý hlavní text a nadpisy, ohraničení tlačítek typu „ghost“ a navigační prvky jsou v primární barvě s kontrastním poměrem 19,7:1 na černém pozadí Void. - Abyss
#050505— Vyvýšené pozadí pro zpravodajský pás (horní zpravodajský pás) - o jeden odstín tmavší než hlavní plátno, aby pás vynikl.
Typografie
od 11 do 32 pixelů · 5 kroků
- Pragmatica Cond — nahrazení: Oswald · obrysy 400 · Primární písmo pro zobrazení a uživatelské rozhraní je úzké, zhuštěné písmo s 14px velkými písmeny pro text těla, 20px pro nadpisy sekcí a 32px pro hlavní text. Extrémně úzké písmo a 14px velkými písmeny pro text těla je pro systém nejcharakterističtějším řešením: text těla se čte spíše jako šepot architektonického písma než jako běžná próza. Pokud není k dispozici písmo Pragmatica Condensed, nahraďte jej písmem Oswald nebo Barlow Condensed.
- Pragmatica — nahrazení: Inter · obrysy 400 · Sekundární, primární písmo používané pro delší prozaické pasáže (např. popis karty „Operační systém umělé inteligence“ má velikost 24px, text odstavce má velikost 15px). O něco širší než Pragmatica Cond pro snazší čtení větších bloků, ale stále s tloušťkou 400 – nikdy tučné. Nahraďte písmem Inter nebo Söhne.
- Roboto Mono — nahrazení: Roboto Mono (free · obrysy 400 · Neproporcionální mikrofont pro zpravodajský ticker („NEWS • 15. ČERVNA 2026 • CRUCIBLE EARLY ACCESS NYNÍ OTEVŘEN“). Neproporcionální font je použit pouze zde, čímž vytváří jasné funkční rozlišení: jedná se o systémová data, nikoli o branding.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | průměrný |
| Základní krok | 16-20px |
| Poloměr tlačítka | 1440px |
| Poloměr karty | 10px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 80px |
| Šířka stránky | 1400px |
Umělá inteligence vám vytvoří web ve stylu Ciridae a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- Dala — souhvězdí vznášející se na černém sametu
- Linear — přesný přístroj pro půlnoc
- Resend — černý samet s fialovou neonovou barvou
- Dovetail — Plán pod černým měsícem – sotva viditelné čáry grafu, bílé písmo, jedna fialová jiskra
- Neon — Serverovna po setmění. Čistá tma, kde jediné světlo pochází z dat a interakcí uživatelů.
- Discord — Herní svět je skryt za vyskakovacím oknem chatu - každá sekce je samostatným prostředím s vlastním osvětlením a sadou postav.
- Aaru — Observatoř částicového pole o půlnoci
- Atlas Card — Půlnoční trezor s jediným safírovým paprskem je černočerný prostor, kde jediné, na čem záleží, je tmavě elektrická modř.
- Midjourney — Bioluminiscenční terminál v hlubokém oceánu. Hlubokomořský svět, kde se inteligence vizuálně generuje v ASCII kódu a ovládací prvky se jeví jako slabě zářící vzory.
- Checkly — Řídicí centrum mise na hluboké oběžné dráze
- Krea — galerie noir o půlnoci
- Wope — Wope je rozhraní fialového horizontu. Představte si tmavý stůl v pozorovací místnosti, zpod kterého vyzařuje fialové světlo.