Ciridae
Egy üres szoba, parázsló lüktetésével – egy szinte fekete katedrális, ahol az egyetlen meleg hang a rozsda vékony csíkja, és minden felületet finom vonalak, nem pedig árnyékok határoznak meg.
A Ciridae egy ürességben működik: egy #0b0b0b vászon, pirula alakú vezérlők alig észrevehető körvonalakkal, és a tipográfia a Pragmatica Cond 400-as vastagságú nagybetűibe van zárva – nincs félkövér, nincs vegyes kis- és nagybetűhasználat, nincsenek díszítőelemek. Az egyetlen kromatikus hang a #cc6437, egy meleg, izzó rozsdaárnyalat, amelyet a legvékonyabb ecsetvonásokként és apró ékezetes írásjelekként használnak, soha nem kitöltésként. A térképek a #272a2a-n lebegnek 10 képpontos sugarú körökkel és árnyékok nélkül; a rendszer kerüli a magasságot, a felületeket tónuskontraszttal és a legfinomabb 1 képpontos szegélyekkel határozza meg. A fényképek erősen elmosódottak és hangulatosak – folyékony márvány, füst, tűz – a szöveg mögé helyezve teljes képernyős módban, így a vizuális kép inkább hangulatosnak, mint illusztratívnak hat.
Az oldal elrendezése teljes szélességű, a tartalom középre igazított, maximum ~1400 képpont szélességben. A fő karakter egy sötét, teljes szélességű kompozíció, középre igazított csillagkép logóval, amelyet bal és jobb oldalon mikrocímkék szegélyeznek. A szakaszok váltakoznak: sötét fő karakter → világos csík alátétekkel (Csont) → sötét átalakító szöveg → sötét rendszerkártyák rácsa → sötét lábléc. Az egyetlen világos szakasz egyetlen, éles tónusátmenetet hoz létre. A kártyarács 4 oszlopot használ, az első kártya körülbelül kétszer olyan széles, mint a másik három, így aszimmetrikus elrendezést hoz létre, a hangsúly a tartalomon van. A szakaszok közötti függőleges tér nagy (80 képpont+). A navigáció minimális: egy felső hírsáv + egy balra igazított "Indítás most" és egy jobbra igazított "Menü" a felső sávban. Nincs oldalsáv, nincs mega-menü.
A teljes oldalfelületet elfoglaló hangulatos fényképek uralják a kezdőképernyőt és a kártyákat. A képek erősen elmosódottak (50 és 40 képpontos háttérelmosódási értékeket észleltünk) és nagy kontrasztúak, folyékony márványt ábrázolnak kékesvörös örvényekkel, füsttel, sötét tájkép-sziluettekkel és tűz/parázs textúrákkal. A fényképek hangulatosak és sötétek, nem élénkek – ugyanazt a tónustartományt képviselik, mint az üres vászon, ahelyett, hogy kiemelkednének belőle. Nincsenek termékfotók, nincsenek emberek, nincsenek felhasználói felület képernyőképei. A képek inkább hangulatot teremtenek, mintsem illusztrációként szolgálnának. A kártyarács minden rendszert egy másik hangulatos jelenethez rendel, lehetővé téve, hogy a fényképek absztrakt vizuális azonosítóként működjenek, ne pedig szó szerinti termékképekként.
Paletta
Márka
- Ember Rust
#cc6437— A hangsúlyos vonások, az ikonvonalak és a kis szövegkiemelés az egyetlen kromatikus szín a monokróm rendszerben, inkább alig észrevehető pulzáló foltként, mint kitöltésként jelennek meg.
Semleges
- Void Black
#0b0b0b— Háttérképek a főoldalhoz és a szekciókhoz; a teljes rendszer alapja. - Charcoal Surface
#272a2a— A kartonból és a sötét területeken lévő panelekből készült háttérképek egy tónussal világosabbak a vászonnál, hogy árnyékmentes felületi elválasztást hozzanak létre. - Bone
#edebe7— A háttér és a felület világos területei krémszínűek, ahol a rendszer sötétről világosra vált. - Bone Darker
#dfddd9— Egy finom árnyalat, az úgynevezett „Bone” többrétegű világos felületekhez és meleg, szinte fehér színű elemekhez. - Pure White
#ffffff— Az összes fő szöveg és címsor, a szellemgombok szegélyei és a navigációs elemek az elsődleges színben jelennek meg, 19,7:1 kontrasztaránnyal, üres fekete háttéren. - Abyss
#050505— Kiemelt háttér a hírcsíkhoz (felső hírcsík) – egy árnyalattal sötétebb a fő vászonnál, hogy a csík kiemelkedjen.
Tipográfia
11-ről 32 képpontra · 5 lépésben
- Pragmatica Cond — csere: Oswald · körvonalak 400 · Az elsődleges megjelenítési és felhasználói felület betűtípusa egy keskeny, tömörített betűtípus, 14 képpontos, csupa nagybetűs szövegtörzzsel, 20 képpontos szakaszcímekkel és 32 képpontos fő szöveggel. A rendkívül keskeny betűtípus és 14 képpontos, csupa nagybetűs szövegtörzs a rendszer legjellemzőbb megoldása: a törzsszöveg inkább egy építészeti betűtípus suttogására, mintsem a hétköznapi prózára hasonlít. Ha a Pragmatica Condensed nem érhető el, cserélje le Oswald vagy Barlow Condensed betűtípusra.
- Pragmatica — csere: Inter · körvonalak 400 · Hosszabb prózai szövegekhez használt másodlagos, elsődleges betűtípus (pl. az „AI operációs rendszer” kártya leírása 24 képpont, a bekezdés szövege 15 képpont). Kissé szélesebb, mint a Pragmatica Cond a nagyobb blokkokban való könnyebb olvashatóság érdekében, de még mindig 400-as vastagságú – soha ne félkövér. Cserélje le Inter vagy Söhne betűtípusra.
- Roboto Mono — csere: Roboto Mono (free · körvonalak 400 · Egy fix szélességű mikrobetűtípus hírekhez ("HÍREK • 2026. JÚNIUS 15. • A CRUCIBLE EARLY ACCESS MOST MEGNYÍLT"). Az fix szélességű betűtípust csak itt használjuk, egyértelmű funkcionális megkülönböztetést hozva létre: ez rendszeradat, nem márkajelzés.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | átlagos |
| Alapvető lépés | 16-20px |
| Gomb sugara | 1440px |
| Kártya sugara | 10px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 80px |
| Oldal szélessége | 1400px |
A mesterséges intelligencia Ciridae stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- Dala — egy csillagkép lebeg fekete bársonyon
- Linear — éjféli precíziós műszer
- Resend — fekete bársony lila neon színnel
- Dovetail — Egy tervrajz a fekete hold alatt – alig látható grafikonvonalak, fehér betűtípus, egyetlen lila csillogás
- Neon — Egy szerverszoba sötétedés után. Tiszta sötétség, ahol az egyetlen fény az adatokból és a felhasználói interakciókból származik.
- Discord — A játékvilág egy felugró csevegőablak mögött rejtőzik – minden részleg önálló környezet saját világítással és karakterkészlettel.
- Aaru — Részecsketér-obszervatórium éjfélkor
- Atlas Card — Az Éjféli Trezor, egyetlen zafírsugárával, koromsötét kiterjedés, ahol csak a mély elektromos kék számít.
- Midjourney — Egy biolumineszcens terminál a mélyóceánban. Egy mélytengeri világ, ahol az intelligencia vizuálisan ASCII adatfolyamokban generálja magát, és a vezérlők halványan világító mintákként jelennek meg.
- Checkly — Mélypályás Misszióirányító Központ
- Krea — galéria noir éjfélkor
- Wope — A Wope egy lila horizontú interfész. Képzelj el egy sötét csillagvizsgáló asztalt, amelynek üvege alól lila fény szűrődik ki.