Ciridae
Tuščias kambarys su pulsuojančių rusenančių žarijų žarijomis – beveik juoda katedra, kurioje vienintelis šiltas garsas yra plona rūdžių linija, o kiekvieną paviršių apibrėžia smulkios linijos, o ne šešėlis.
„Ciridae“ veikia tuštumoje: #0b0b0b drobė, piliulės formos valdikliai su vos pastebimais kontūrais ir tipografija, užfiksuota didžiosiose „Pragmatica Cond“ raidėse, kurių storis 400 – jokių paryškinimų, jokių didžiųjų ir mažųjų raidžių, jokių dekoratyvinių elementų. Vienintelė chromatinė nata yra #cc6437 – šiltas, rusenantis rūdžių atspalvis, naudojamas kaip ploniausi potėpiai ir maži akcento skyrybos ženklai, niekada ne kaip užpildas. Žemėlapiai plūduriuoja ant #272a2a su 10 pikselių spinduliu ir be šešėlių; sistema vengia aukščio, apibrėždama paviršius toniniu kontrastu ir ploniausiomis 1 pikselio rėmeliais. Nuotraukos yra labai neryškios ir atmosferinės – skystas marmuras, dūmai, ugnis – patalpintos už teksto viso ekrano režimu, todėl vaizdiniai vaizdai atrodo labiau atmosferiški nei iliustratyvūs.
Puslapio išdėstymas yra viso pločio, o turinys centruotas ne daugiau kaip ~1400 pikselių plotyje. Herojus yra tamsi, viso pločio kompozicija su centruotu žvaigždyno logotipu, kurį kairėje ir dešinėje pusėse išryškina mikrožymės. Skyriai kaitaliojasi: tamsus herojus → šviesi juosta su posluoksniais (kaulai) → tamsus transformuotas tekstas → tamsus sistemos kortelių tinklelis → tamsi poraštė. Viena šviesi dalis sukuria vieną, ryškų toninį perėjimą. Kortelių tinklelyje naudojami 4 stulpeliai, o pirmoji kortelė yra maždaug dvigubai platesnė nei kitos trys, todėl sukuriamas asimetriškas išdėstymas, kuriame daugiausia dėmesio skiriama turiniui. Vertikalus atstumas tarp skyrių yra didelis (80 pikselių ir daugiau). Navigacija minimali: viršutinė naujienų juosta + vienas kairėje lygiuotas „Pradėti dabar“ ir dešinėje lygiuotas „Meniu“ viršutinėje juostoje. Nėra šoninės juostos, nėra mega meniu.
Atmosferinės nuotraukos, užimančios visą puslapio paviršių, dominuoja pagrindiniame ekrane ir kortelėse. Vaizdai yra labai neryškūs (aptikti 50 ir 40 pikselių fono suliejimo lygiai) ir didelio kontrasto, vaizduoja skystą marmurą su melsvai raudonais sūkuriais, dūmais, tamsiais peizažų siluetais ir ugnies/žarijos tekstūromis. Nuotraukos yra niūrios ir tamsios, ne ryškios – jos turi tą patį toninį diapazoną kaip ir tuščia drobė, o ne išsiskiria iš jos. Nėra produktų nuotraukų, nėra žmonių, nėra vartotojo sąsajos ekrano kopijų. Vaizdai kuria atmosferą, o ne tarnauja kaip iliustracinis turinys. Kortelių tinklelis susieja kiekvieną sistemą su skirtinga atmosferos scena, todėl nuotraukos gali būti abstraktūs vaizdiniai identifikatoriai, o ne pažodiniai produktų vaizdai.
Paletė
Prekės ženklas
- Ember Rust
#cc6437— Akcentiniai brūkšniai, piktogramų linijos ir smulkūs teksto paryškinimai yra vienintelė chromatinė spalva monochrominėje sistemoje, labiau atrodanti kaip vos pastebima pulsuojanti dėmė nei užpildas.
Neutralus
- Void Black
#0b0b0b— Pagrindinio puslapio ir skyrių fono paveikslėliai; visos sistemos pagrindas. - Charcoal Surface
#272a2a— Fono paveikslėliai, pagaminti iš kartono ir plokščių tamsiose vietose, yra vienu tonu šviesesni nei drobė, kad būtų sukurtas paviršių atskyrimas be šešėlių. - Bone
#edebe7— Šviesios fono ir paviršiaus sritys yra kreminės spalvos, kur sistema persijungia iš tamsios į šviesią. - Bone Darker
#dfddd9— Subtilus atspalvis, vadinamas „Kaulu“, skirtas daugiasluoksniams šviesiems paviršiams ir šiltos, beveik baltos spalvos elementams. - Pure White
#ffffff— Visas pagrindinis tekstas ir antraštės, šešėlinės mygtukų rėmeliai ir naršymo elementai yra pagrindinės spalvos, o kontrasto santykis yra 19,7:1, fone bespalvė juoda spalva. - Abyss
#050505— Naujienų juostos (viršutinės naujienų juostos) iškilęs fonas – vienu atspalviu tamsesnis nei pagrindinė drobė, kad juosta išsiskirtų.
Tipografija
nuo 11 iki 32 pikselių · 5 žingsniai
- Pragmatica Cond — pakeitimas: Oswald · kontūrai 400 · Pagrindinis ekrano ir vartotojo sąsajos šriftas yra siauras, suspaustas šriftas su 14 pikselių didžiosiomis raidėmis pagrindiniam tekstui, 20 pikselių skyrių antraštėms ir 32 pikselių pagrindiniam tekstui. Būdingiausias sistemos sprendimas yra itin siauras šriftas ir 14 pikselių didžiosios raidės pagrindiniam tekstui: pagrindinis tekstas skaitomas kaip architektūrinio šrifto šnabždesys, o ne kaip įprasta proza. Jei „Pragmatica Condensed“ nėra, pakeiskite jį „Oswald“ arba „Barlow Condensed“.
- Pragmatica — pakeitimas: Inter · kontūrai 400 · Antrinis, pagrindinis šriftas, naudojamas ilgesnėms prozos ištraukoms (pvz., kortelės „DI operacinė sistema“ aprašymas yra 24 pikselių, pastraipos tekstas – 15 pikselių). Šiek tiek platesnis nei „Pragmatica Cond“, kad būtų lengviau skaityti didesniuose blokuose, bet vis tiek 400 storio – niekada neparyškintas. Pakeiskite į „Inter“ arba „Söhne“.
- Roboto Mono — pakeitimas: Roboto Mono (free · kontūrai 400 · Vienodo tarpo mikrošriftas naujienų trumpajai žinutei („NAUJIENOS • 2026 M. BIRŽELIO 15 D. • CRUCIBLE ANKSTYVINĖ PRIEIGA DABAR ATIDARYTA“). Vienodo tarpo šriftas naudojamas tik čia, siekiant aiškaus funkcinio skirtumo: tai sistemos duomenys, o ne prekės ženklo iliustracija.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | vidutinis |
| Pagrindinis žingsnis | 16-20px |
| Mygtuko spindulys | 1440px |
| Kortelės spindulys | 10px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 80px |
| Puslapio plotis | 1400px |
Dirbtinis intelektas sukurs jūsų svetainę Ciridae stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Dala — žvaigždynas, kybantis ant juodo aksomo
- Linear — vidurnakčio tikslumo instrumentas
- Resend — juodas aksomas su violetine neonine spalva
- Dovetail — Brėžinys po juodu mėnuliu – vos matomos grafiko linijos, baltas šriftas, vienas violetinis blizgutis
- Neon — Serverių patalpa po sutemų. Grynoji tamsa, kur vienintelė šviesa sklinda iš duomenų ir vartotojų sąveikos.
- Discord — Žaidimo pasaulis paslėptas už iššokančio pokalbių lango – kiekviena sekcija yra atskira aplinka su savo apšvietimu ir personažų rinkiniu.
- Aaru — Dalelių lauko observatorija vidurnaktį
- Atlas Card — Vidurnakčio skliautas su vieninteliu safyro spinduliu yra juodos kaip degutas platybė, kur svarbiausia yra gili elektrinė mėlyna spalva.
- Midjourney — Bioliuminescencinis terminalas vandenyno gelmėse. Jūrų gelmių pasaulis, kuriame intelektas vizualiai generuojamas ASCII srautais, o valdikliai atrodo kaip silpnai švytintys raštai.
- Checkly — Giliosios orbitos misijos valdymo centras
- Krea — galerija noir vidurnaktį
- Wope — „Wope“ yra purpurinio horizonto sąsaja. Įsivaizduokite tamsų observatorijos stalą, iš kurio iš po stiklo sklinda purpurinė šviesa.