Ciridae
Tyhjä huone, jossa sykkii kytevien hiilien hehku – lähes musta katedraali, jossa ainoa lämmin ääni on ohut ruosteen viiva ja jokainen pinta on määritelty hienoilla viivoilla varjojen sijaan.
Ciridae toimii tyhjiössä: #0b0b0b-pohjainen kangas, pillerinmuotoiset säätimet tuskin havaittavilla ääriviivoilla ja typografia lukittuna Pragmatica Condin isoihin kirjaimiin 400-painotteisena – ei lihavointia, ei sekakirjainkokoa, ei koriste-elementtejä. Ainoa kromaattinen sävy on #cc6437, lämmin, kytevä ruosteenruskea sävy, jota käytetään ohuimpina viivoina ja pieninä aksenttipisteinä, ei koskaan täyttönä. Kartat kelluvat #272a2a-kartalla 10 pikselin säteellä ja ilman varjoja; järjestelmä välttää korkeusvaikutelmia ja määrittelee pinnat sävykontrastin ja hienoimpien 1 pikselin reunojen avulla. Valokuvat ovat voimakkaasti sumennettuja ja tunnelmallisia – nestemäistä marmoria, savua, tulta – sijoitettuna tekstin taakse koko näytön tilassa, joten visuaalinen kuvasto tuntuu enemmän tunnelmalliselta kuin havainnollistavalta.
Sivun asettelu on täysleveä, ja sisältö on keskitetty enintään noin 1400 pikselin leveyteen. Sankari on tumma, täysleveä sommitelma, jossa on keskitetty tähtikuviologo, jota reunustavat mikrotunnisteet vasemmalla ja oikealla puolella. Osiot vuorottelevat: tumma sankari → vaalea raita pohjalla (luu) → tumma muunnosteksti → tumma järjestelmäkorttien ruudukko → tumma alatunniste. Yksi vaalea osio luo yhden, terävän sävysiirtymän. Korttiruudukossa on neljä saraketta, joista ensimmäinen kortti on noin kaksi kertaa leveämpi kuin kolme muuta, mikä luo epäsymmetrisen asettelun, jossa painotetaan sisältöä. Osioiden välinen pystysuora tila on reilu (yli 80 pikseliä). Navigointi on minimaalista: yläuutispalkki + yksi vasemmalle tasattu "Aloita nyt" ja oikealle tasattu "Valikko" yläpalkissa. Ei sivupalkkia, ei megavalikkoa.
Tunnelmalliset valokuvat, jotka täyttävät koko sivun pinnan, hallitsevat aloitusnäyttöä ja kortteja. Kuvat ovat voimakkaasti sumennettuja (taustan sumennuksen arvot olivat 50 ja 40 pikseliä) ja kontrasti on voimakas, ja ne esittävät nestemäistä marmoria sinipunaisten pyörteiden, savun, tummien maisemasiluettien ja tuli-/hiilitekstuurien kera. Valokuvat ovat tunnelmallisia ja tummia, eivät eloisia – ne jakavat saman sävyasteikon kuin tyhjä kangas sen sijaan, että ne erottuisivat sitä vasten. Tuotekuvia, ihmisiä tai käyttöliittymän kuvakaappauksia ei ole. Kuvat luovat tunnelmaa sen sijaan, että ne toimisivat havainnollistavana sisältönä. Korttiruudukko yhdistää jokaisen järjestelmän eri tunnelmalliseen kohtaukseen, jolloin valokuvat toimivat abstrakteina visuaalisina tunnisteina kirjaimellisten tuotekuvien sijaan.
Paletti
Merkki
- Ember Rust
#cc6437— Aksenttiviivat, kuvakeviivat ja pienet tekstikorostukset ovat ainoat kromaattiset värit yksivärisessä järjestelmässä, ja ne näyttävät enemmän tuskin havaittavilta sykkiviltä pisteiltä kuin täyttöalueilta.
Neutraali
- Void Black
#0b0b0b— Pääsivun ja osioiden taustakuvat; koko järjestelmän perusta. - Charcoal Surface
#272a2a— Pahvista ja paneeleista tehdyt taustakuvat tummilla alueilla ovat yhden sävyn vaaleampia kuin kangas, mikä luo pintojen erottelun ilman varjoja. - Bone
#edebe7— Taustan ja pinnan vaaleat alueet ovat kermanvärisiä, ja järjestelmä vaihtaa sävyä tummasta vaaleaan. - Bone Darker
#dfddd9— Herkkä sävy nimeltä ”Bone” monikerroksisille vaaleille pinnoille ja lämpimän, lähes valkoisen värisille elementeille. - Pure White
#ffffff— Kaikki pääteksti ja otsikot, haamupainikkeiden reunat ja navigointielementit ovat päävärisiä ja kontrastisuhteella 19,7:1 tyhjällä mustalla taustalla. - Abyss
#050505— Kohotettu tausta uutisnauhalle (yläuutisnauha) - yhden sävyn tummempi kuin pääkangas, jotta uutisnauha erottuu paremmin.
Typografia
11:stä 32 pikseliin · 5 vaihetta
- Pragmatica Cond — korvaava: Oswald · ääriviivat 400 · Näyttö- ja käyttöliittymäfontti on ensisijainen kapea, tiivistetty fontti, jossa on 14 pikselin kokoisia isoja kirjaimia leipätekstissä, 20 pikselin kokoisia osioiden otsikoissa ja 32 pikselin kokoisia pääteksteissä. Järjestelmän tyypillisin ratkaisu on erittäin kapea fontti ja 14 pikselin kokoiset isot kirjaimet leipätekstissä: leipäteksti lukee kuin arkkitehtonisen kirjasintyypin kuiskaus eikä tavallista proosaa. Korvaa se Oswald- tai Barlow Condensed -fontilla, jos Pragmatica Condensed ei ole käytettävissä.
- Pragmatica — korvaava: Inter · ääriviivat 400 · Toissijainen, ensisijainen fontti, jota käytetään pidemmissä proosateksteissä (esim. "AI Operating System" -kortin kuvaus on 24 pikseliä, kappaleteksti 15 pikseliä). Hieman leveämpi kuin Pragmatica Cond helpottaakseen lukemista suuremmissa lohkoissa, mutta silti 400-painoisena – ei koskaan lihavoituna. Korvaa Interillä tai Söhnellä.
- Roboto Mono — korvaava: Roboto Mono (free · ääriviivat 400 · Kiinteävälisinen mikrofontti uutisviestille ("NEWS • 15. KESÄKUUTA 2026 • CRUCIBLE EARLY ACCESS NYT OPEN"). Kiinteävälistä fonttia käytetään vain tässä, mikä luo selkeän toiminnallisen eron: tämä on järjestelmädataa, ei brändäystä.
Intervallit ja muoto
| Tarkoitus | Merkitys |
|---|---|
| Tiheys | keskimäärin |
| Perusvaihe | 16-20px |
| Painikkeen säde | 1440px |
| Kortin säde | 10px |
| Varjot | ei - reunoja varjojen sijaan |
| Osioiden välillä | 80px |
| Sivun leveys | 1400px |
Tekoäly rakentaa verkkosivustosi Ciridae -tyyliin ja täyttää sen
- Täytä tuotteilla ja julkaisuilla linkin kautta - Instagram, TikTok, Facebook.
- Siirrä sisältöä vanhalta sivustoltasi – määritä vain osoite.
- Moderni design parhaalla hakukonemoottorilla: React ( Next.js) palvelinrenderöinnillä ja SEO-optimoinnilla suoraan paketista.
- Täysin automatisoitu hakukoneoptimointi hakutuloksille ja neuroverkkosuosituksille.
Samankaltaisia tyylejä
- Dala — tähdistö leijuu mustalla sametilla
- Linear — keskiyön tarkkuusinstrumentti
- Resend — musta sametti violetilla neonvärillä
- Dovetail — Mustan kuun alla oleva piirustus – tuskin näkyvät kaavioviivat, valkoinen fontti, yksi violetti kimallus
- Neon — Palvelinhuone pimeän tultua. Täysi pimeys, jossa ainoa valo tulee datasta ja käyttäjien vuorovaikutuksesta.
- Discord — Pelimaailma on piilotettu ponnahdusikkunan taakse – jokainen osio on itsenäinen ympäristö, jolla on oma valaistus ja hahmot.
- Aaru — Hiukkaskentän observatorio keskiyöllä
- Atlas Card — Keskiyön holvi, ainoalla safiirisäteellään, on pikimusta avaruus, jossa ainoa tärkeä asia on syvän sähkönsininen.
- Midjourney — Bioluminesoiva terminaali syvänmeren uumenissa. Syvänmeren maailma, jossa älykkyys generoituu visuaalisesti ASCII-virroina ja ohjausobjektit näkyvät himmeästi hohtavina kuvioina.
- Checkly — Syvän kiertoradan mission Control Center
- Krea — Galleria noir keskiyöllä
- Wope — Wope on purppuran horisontin käyttöliittymä. Kuvittele tumma observatoriopöytä, jonka lasin alta säteilee violetti valo.