Ciridae
Ett tomt rum med pulseringen av pyrande glöd – en nästan svart katedral där det enda varma ljudet är en tunn linje av rost, och varje yta definieras av fina linjer snarare än skugga.
Ciridae verkar i ett tomrum: en #0b0b0b-duk, pillerformade kontroller med knappt märkbara konturer och typografi låst i versalerna i Pragmatica Cond med vikten 400 – ingen fetstil, ingen blandad gemener och versaler, inga dekorativa element. Den enda kromatiska tonen är #cc6437, en varm, pyrande rostfärgad nyans som används som de tunnaste strecken och små accenttecken, aldrig som fyllning. Kartor flyter på #272a2a med en radie på 10px och inga skuggor; systemet undviker höjd och definierar ytor genom tonkontrast och de finaste 1px-kanterna. Fotografier är kraftigt suddiga och atmosfäriska – flytande marmor, rök, eld – placerade bakom texten i helskärmsläge, så den visuella bilden känns mer atmosfärisk än illustrativ.
Sidlayouten är i full bredd, med innehåll centrerat inom en maximal bredd på ~1400px. Hjältesymbolen är en mörk komposition i full bredd med en centrerad konstellationslogotyp flankerad av mikroetiketter på vänster och höger sida. Sektioner växlar: mörk hjältesymbol → ljus rand med underlägg (ben) → mörk transformerad text → mörkt rutnät med systemkort → mörk sidfot. Den enda ljusa sektionen skapar en enda, skarp tonövergång. Kortrutnätet använder fyra kolumner, där det första kortet är ungefär dubbelt så brett som de andra tre, vilket skapar en asymmetrisk layout med betoning på innehåll. Det vertikala utrymmet mellan sektionerna är generöst (80px+). Navigeringen är minimal: en nyhetsrad överst + en vänsterjusterad "Börja nu" och en högerjusterad "Meny" i den övre fältet. Ingen sidofält, ingen megameny.
Atmosfäriska fotografier, som upptar hela sidytan, dominerar startskärmen och korten. Bilderna är kraftigt suddiga (bakgrundsoskärpa på 50px och 40px upptäcktes) och har hög kontrast, och visar flytande marmor med blåröda virvlar, rök, mörka silhuetter av landskap och eld-/glödtexturer. Fotografierna är stämningsfulla och mörka, inte livfulla – de delar samma tonomfång som den tomma duken snarare än att sticka ut mot den. Det finns inga produktfoton, inga människor, inga skärmdumpar av användargränssnittet. Bilderna skapar atmosfär snarare än att fungera som illustrativt innehåll. Kortrutnätet mappar varje system till en annan atmosfärisk scen, vilket gör att fotografierna kan fungera som abstrakta visuella identifierare snarare än bokstavliga produktbilder.
Palett
Stämpla
- Ember Rust
#cc6437— Accentlinjer, ikonlinjer och små textmarkeringar är den enda kromatiska färgen i ett monokromt system och framstår mer som en knappt märkbar pulserande fläck än en fyllning.
Neutral
- Void Black
#0b0b0b— Bakgrundsbilder för huvudsidan och sektionerna; grunden för hela systemet. - Charcoal Surface
#272a2a— Bakgrundsbilder av kartong och paneler på mörka områden är en ton ljusare än duken för att skapa en separation av ytor utan skuggor. - Bone
#edebe7— De ljusa områdena i bakgrunden och ytan är krämfärgade, där systemet växlar från mörkt till ljust. - Bone Darker
#dfddd9— En delikat nyans som kallas ”Bone” för flerskiktade ljusa ytor och element i en varm, nästan vit färg. - Pure White
#ffffff— All huvudtext och rubriker, spökknappskanter och navigeringselement är i primärfärgen med ett kontrastförhållande på 19,7:1 mot en svart bakgrund. - Abyss
#050505— Upphöjd bakgrund för nyhetsremsan (översta nyhetsremsan) – en nyans mörkare än huvudduken för att få remsan att sticka ut.
Typografi
från 11 till 32px · 5 steg
- Pragmatica Cond — ersättning: Oswald · konturer 400 · Det primära teckensnittet för display och användargränssnitt är ett smalt, kondenserat teckensnitt med 14px versaler för brödtext, 20px för avsnittsrubriker och 32px för huvudtext. Ett extremt smalt teckensnitt och 14px versaler för brödtext är den mest karakteristiska lösningen för systemet: brödtexten läses som viskningen i ett arkitektoniskt typsnitt snarare än som vanlig prosa. Ersätt med Oswald eller Barlow Condensed om Pragmatica Condensed inte är tillgängligt.
- Pragmatica — ersättning: Inter · konturer 400 · Ett sekundärt, primärt typsnitt som används för längre prosapassager (t.ex. är beskrivningen av kortet "AI Operating System" 24px, stycketexten är 15px). Något bredare än Pragmatica Cond för att underlätta läsning i större block, men fortfarande med en vikt på 400px – aldrig fetstil. Ersätt med Inter eller Söhne.
- Roboto Mono — ersättning: Roboto Mono (free · konturer 400 · En mikrofont med fast radavstånd för en nyhetsticker ("NYHETER • 15 JUNI 2026 • CRUCIBLE EARLY ACCESS NU ÖPPEN"). Monospace-fonten används endast här, vilket skapar en tydlig funktionell åtskillnad: detta är systemdata, inte varumärkesbyggande.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | genomsnitt |
| Grundläggande steg | 16-20px |
| Knappradie | 1440px |
| Kortradie | 10px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 80px |
| Sidbredd | 1400px |
AI kommer att bygga din webbplats i Ciridae -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- Dala — en stjärnbild som svävar på svart sammet
- Linear — midnattsprecisionsinstrument
- Resend — svart sammet med lila neonfärg
- Dovetail — En ritning under en svart måne – knappt synliga graflinjer, vitt teckensnitt, en lila gnistra
- Neon — Ett serverrum efter mörkrets inbrott. Rent mörker, där det enda ljuset kommer från data och användarinteraktioner.
- Discord — Spelvärlden är dold bakom ett popup-chattfönster – varje sektion är en fristående miljö med sin egen belysning och karaktärsuppsättning.
- Aaru — Partikelfältsobservatoriet vid midnatt
- Atlas Card — Midnattsvalvet, med sin enda safirstråle, är en becksvart vidd där det enda som spelar roll är den djupa elektriska blå färgen.
- Midjourney — En bioluminescerande terminal i djuphavet. En djuphavsvärld där intelligens visuellt genererar sig själv i ASCII-strömmar, och kontroller visas som svagt glödande mönster.
- Checkly — Kontrollcenter för djup omloppsbana
- Krea — Galleri noir vid midnatt
- Wope — Wope är ett gränssnitt med lila horisonter. Föreställ dig ett mörkt observationsbord med ett lila ljus som strålar under glaset.