Ciridae
Tühi ruum hõõguvate süte pulseerimisega – peaaegu must katedraal, kus ainus soe heli on õhuke roosteriba ja iga pinda iseloomustavad peened jooned, mitte varjud.
Ciridae tegutseb tühjuses: #0b0b0b lõuend, vaevumärgatavate kontuuridega tabletikujulised juhtnupud ja tüpograafia, mis on lukustatud Pragmatica Condi suurtähtede sisse 400-raskusega – ei mingit paksu kirja, segatähti ega dekoratiivseid elemente. Ainus kromaatiline noot on #cc6437, soe, hõõguv roostetoon, mida kasutatakse kõige õhemate pintslite ja väikeste aktsentmärkidena, mitte kunagi täitena. Kaardid hõljuvad #272a2a peal 10-px raadiusega ja ilma varjudeta; süsteem väldib kõrgust, määratledes pinnad tonaalse kontrasti ja peente 1px ääriste abil. Fotod on tugevalt hägused ja atmosfäärilised – vedel marmor, suits, tuli – asetatud täisekraanirežiimis teksti taha, seega tundub visuaalne kujund pigem atmosfääriline kui illustratiivne.
Lehekülje paigutus on täislaiuses, sisu on tsentreeritud maksimaalse laiusega ~1400 pikslit. Kangelane on tume täislaiuses kompositsioon, mille keskel on tähtkuju logo, mida ääristavad vasakul ja paremal küljel mikrosildid. Sektsioonid vahelduvad: tume kangelane → hele triip aluskihtidega (luu) → tume teisendustekst → tume süsteemikaartide ruudustik → tume jalus. Üks hele sektsioon loob ühe terava toonilise ülemineku. Kaardiruudustik kasutab nelja veergu, kusjuures esimene kaart on umbes kaks korda laiem kui ülejäänud kolm, luues asümmeetrilise paigutuse, kus rõhk on sisul. Sektsioonide vaheline vertikaalne ruum on helde (80 pikslit+). Navigeerimine on minimaalne: ülemine uudisteriba + üks vasakule joondatud "Alusta kohe" ja paremale joondatud "Menüü" ülemisel ribal. Külgriba ega megamenüüd pole.
Avalehel ja kaartidel domineerivad atmosfäärifotod, mis hõlmavad kogu lehe pinda. Pildid on tugevalt hägused (tuvastati tausta hägususe väärtused 50 ja 40 pikslit) ja suure kontrastsusega, kujutades vedelat marmorit sinakaspunaste keeriste, suitsu, maastike tumedate siluettide ja tule/söe tekstuuridega. Fotod on meeleolukad ja tumedad, mitte erksad – neil on sama toonivahemik kui tühjal lõuendil, mitte nad ei paista selle taustal silma. Puuduvad tootefotod, inimesed ega kasutajaliidese ekraanipildid. Pildid loovad atmosfääri, mitte ei ole illustratiivsed. Kaardiruudustik seob iga süsteemi erineva atmosfääristseeniga, võimaldades fotodel toimida abstraktsete visuaalsete identifikaatoritena, mitte sõnasõnaliste tootepiltidena.
Palett
Bränd
- Ember Rust
#cc6437— Aktsendijooned, ikoonijooned ja väikesed tekstiesitlused on monokroomse süsteemi ainsad kromaatilised värvid, mis ilmuvad pigem vaevumärgatava pulseeriva täpina kui täitena.
Neutraalne
- Void Black
#0b0b0b— Taustapildid pealehele ja sektsioonidele; kogu süsteemi alus. - Charcoal Surface
#272a2a— Papist ja paneelidest tumedatel aladel valmistatud taustapildid on lõuendist ühe tooni võrra heledamad, et luua varjudeta pindade eraldamine. - Bone
#edebe7— Tausta ja pinna heledad alad on kreemikad, kus süsteem lülitub tumedast heledaks. - Bone Darker
#dfddd9— Õrn toon nimega „Bone“ mitmekihiliste heledate pindade ja sooja, peaaegu valge värvi elementide jaoks. - Pure White
#ffffff— Kogu põhitekst ja pealkirjad, nuppude varjuäärised ja navigeerimiselemendid on põhivärvis, kontrastsussuhtega 19,7:1 tühjal mustal taustal. - Abyss
#050505— Uudisteriba (ülemise uudisteriba) reljeefne taust – üks toon tumedam kui põhiline uudisteriba, et riba silma paistaks.
Tüpograafia
11-st 32 pikslini · 5 sammu
- Pragmatica Cond — asendamine: Oswald · kontuurid 400 · Peamine kuva- ja kasutajaliidese font on kitsas, kondenseeritud font, mille põhitekst on 14 pikslit suurtähtedega, jaotiste pealkirjad 20 pikslit ja põhitekst 32 pikslit. Äärmiselt kitsas font ja 14 pikslit suurtähtedega põhitekst on süsteemile kõige iseloomulikum lahendus: põhitekst on pigem arhitektuurilise kirjatüübi sosin kui tavaline proosa. Kui Pragmatica Condensed pole saadaval, asenda see Oswaldi või Barlow Condensediga.
- Pragmatica — asendamine: Inter · kontuurid 400 · Pikemate proosalõikude jaoks kasutatav teisejärguline ja esmane font (nt kaardi "AI operatsioonisüsteem" kirjeldus on 24 pikslit, lõigu tekst 15 pikslit). Suuremate plokkide puhul lugemise hõlbustamiseks veidi laiem kui Pragmatica Cond, kuid siiski 400-punktilise paksusega – mitte kunagi paksus kirjas. Asenda Interi või Söhnega.
- Roboto Mono — asendamine: Roboto Mono (free · kontuurid 400 · Ühtlase reaga mikrofont uudisteakna jaoks ("UUDISED • 15. JUUNI 2026 • CRUCIBLE'I VARAJANE LIGIPÄÄS ON NÜÜD AVATUD"). Ühtlase reaga fonti kasutatakse ainult siin, luues selge funktsionaalse eristuse: need on süsteemiandmed, mitte bränding.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | keskmine |
| Põhisamm | 16-20px |
| Nupu raadius | 1440px |
| Kaardi raadius | 10px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 80px |
| Lehe laius | 1400px |
Tehisintellekt loob teie veebisaidi Ciridae stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- Dala — tähtkuju hõljub mustal sametil
- Linear — kesköö täppisinstrument
- Resend — must samet lilla neoonvärviga
- Dovetail — Musta kuu all olev plaan – vaevu nähtavad graafikujooned, valge font, üks lilla sädelus
- Neon — Serveriruum pärast pimeduse saabumist. Täielik pimedus, kus ainus valgus tuleb andmetest ja kasutajate interaktsioonidest.
- Discord — Mängumaailm on peidetud hüpikakna taha – iga osa on iseseisev keskkond oma valgustuse ja tegelaskujudega.
- Aaru — Osakestevälja observatoorium keskööl
- Atlas Card — Kesköövõlvkelder oma ühe safiirkiirega on kottpime avarus, kus ainus, mis loeb, on sügav elektrisinine.
- Midjourney — Bioluminestsentsterminal süvameres. Süvamere maailm, kus intelligents genereerib end visuaalselt ASCII-voogudena ja juhtnupud paistavad nõrgalt helendavate mustritena.
- Checkly — Sügava orbiidi missiooni juhtimiskeskus
- Krea — galerii noir keskööl
- Wope — Wope on lilla horisondi liides. Kujutage ette tumedat vaatluslauda, mille klaasi alt paistab lillat valgust.