Ciridae
In lege keamer mei it pulsearjen fan smeulende koalen - in hast swarte katedraal dêr't it ienige waarme lûd in tinne line fan roest is, en elk oerflak wurdt definiearre troch fine linen ynstee fan skaad.
Ciridae operearret yn in leechte: in #0b0b0b doek, pilfoarmige kontrôles mei amper merkbere kontoeren, en typografy opsletten yn 'e haadletters fan Pragmatica Cond mei in gewicht fan 400 - gjin fet, gjin mingde haadletters, gjin dekorative eleminten. De ienige chromatyske noat is #cc6437, in waarme, smeulende roestkleur dy't brûkt wurdt as de tinnste streken en lytse aksint-ynterpunksjetekens, nea as in opfoling. Kaarten driuwe op #272a2a mei in straal fan 10px en gjin skaden; it systeem mijt ferheging, en definiearret oerflakken troch toankontrast en de fynste 1px-grinzen. Foto's binne swier wazig en sfearfol - floeiber moarmer, reek, fjoer - pleatst efter de tekst yn folslein skermmodus, sadat de fisuele bylden mear sfearfol as yllustratyf fiele.
De side-yndieling is folsleine breedte, mei ynhâld sintraal binnen in maksimale breedte fan ~1400px. De held is in donkere komposysje oer folsleine breedte mei in sintraal konstellaasjelogo flankearre troch mikro-labels oan 'e lofter- en rjochterkant. Seksjes wikselje inoar ôf: donkere held → ljochte stripe mei ûnderlagen (Bone) → donkere transformaasjetekst → tsjuster raster fan systeemkaarten → donkere fuottekst. De ienige ljochte seksje makket in ienige, skerpe toanoergong. It kaartenraster brûkt 4 kolommen, wêrby't de earste kaart sawat twa kear sa breed is as de oare trije, wêrtroch in asymmetryske yndieling ûntstiet mei in klam op ynhâld. De fertikale romte tusken seksjes is rom (80px+). Navigaasje is minimaal: in nijsbalke boppe + ien lofts-útlijne "Begjin no" en in rjochts-útlijne "Menu" yn 'e boppeste balke. Gjin sydbalke, gjin mega-menu.
Atmosfearyske foto's, dy't it hiele side-oerflak yn beslach nimme, dominearje it thússkerm en de kaarten. De ôfbyldings binne swier wazig (eftergrûnwazige wearden fan 50px en 40px waarden ûntdutsen) en hawwe in heech kontrast, en litte floeibere moarmer sjen mei blau-reade swirls, reek, donkere silhouetten fan lânskippen en tekstueren fan fjoer/koal. De foto's binne stimmich en tsjuster, net libbendich - se diele itselde toanberik as it lege doek ynstee fan der tsjin op te fallen. Der binne gjin produktfoto's, gjin minsken, gjin UI-screenshots. De ôfbyldings meitsje sfear ynstee fan te tsjinjen as yllustrative ynhâld. It kaartenraster kaarten elk systeem nei in oare sfearfolle sêne, wêrtroch't de foto's funksjonearje as abstrakte fisuele identifikaasjes ynstee fan letterlike produktôfbyldings.
Palet
Merk
- Ember Rust
#cc6437— Aksintstreken, ikoanlinen en lytse tekstmarkeringen binne de ienige chromatyske kleur yn in monochroom systeem, en ferskine mear as in amper merkbere pulsearjende plak dan in opfoling.
Neutraal
- Void Black
#0b0b0b— Eftergrûnôfbyldings foar de haadside en seksjes; de basis fan it hiele systeem. - Charcoal Surface
#272a2a— Eftergrûnôfbyldings makke fan karton en panielen op donkere gebieten binne ien toan lichter as it doek om in skieding fan oerflakken sûnder skaden te meitsjen. - Bone
#edebe7— De ljochte gebieten fan 'e eftergrûn en it oerflak binne crèmekleurich, wêrby't it systeem fan tsjuster nei ljocht wikselt. - Bone Darker
#dfddd9— In delikate skaad mei de namme "Bone" foar mearlaachse ljochte oerflakken en eleminten fan in waarme, hast wite kleur. - Pure White
#ffffff— Alle haadtekst en kopteksten, rânen fan spoekknoppen en navigaasje-eleminten binne yn 'e primêre kleur mei in kontrastferhâlding fan 19.7:1 op in lege swarte eftergrûn. - Abyss
#050505— Ferhege eftergrûn foar de nijsstrip (boppeste nijsstrip) - ien skaad donkerder as it haaddoek om de strip op te fallen te litten.
Typografy
fan 11 oant 32px · 5 stappen
- Pragmatica Cond — ferfanging: Oswald · sketsen 400 · It primêre lettertype foar it display en de brûkersynterface is in smel, komprimearre lettertype mei 14px haadletters foar lichemstekst, 20px foar seksjekoppen en 32px foar haadtekst. In ekstreem smel lettertype en 14px haadletters foar lichemstekst is de meast karakteristike oplossing foar it systeem: lichemstekst lêst as it fluisterjen fan in arsjitektoanysk lettertype ynstee fan gewoan proaza. Ferfange mei Oswald of Barlow Condensed as Pragmatica Condensed net beskikber is.
- Pragmatica — ferfanging: Inter · sketsen 400 · In sekundêr, primêr lettertype dat brûkt wurdt foar langere proazapassaazjes (bygelyks, de beskriuwing fan 'e kaart "AI Operating System" is 24px, alineatekst is 15px). Wat breder as Pragmatica Cond foar makliker lêzen yn gruttere blokken, mar noch altyd mei in gewicht fan 400 - nea fet. Ferfange mei Inter of Söhne.
- Roboto Mono — ferfanging: Roboto Mono (free · sketsen 400 · In monospaced mikrofont foar in nijsticker ("NIJS • 15 JUNY 2026 • CRUCIBLE EARLY ACCESS NOW OPEN"). It monospaced lettertype wurdt allinich hjir brûkt, wêrtroch in dúdlik funksjoneel ûnderskied ûntstiet: dit binne systeemgegevens, gjin branding.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | trochsneed |
| Basisstap | 16-20px |
| Knopradius | 1440px |
| Kaartradius | 10px |
| Skaden | gjin grinzen ynstee fan skaden |
| Tusken seksjes | 80px |
| Sidebreedte | 1400px |
AI sil jo webside bouwe yn Ciridae -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- Dala — in stjerrebyld dat sweeft op swart fluweel
- Linear — middernacht presyzje-ynstrumint
- Resend — swart fluweel mei pearse neonkleur
- Dovetail — In blauwdruk ûnder in swarte moanne - amper sichtbere graflinen, wyt lettertype, ien pearse fonkeling
- Neon — In serverkeamer nei tsjuster. Suvere tsjusternis, dêr't it ienige ljocht komt fan gegevens en brûkersynteraksjes.
- Discord — De spulwrâld is ferburgen efter in pop-up petearfinster - elke seksje is in selsstannige omjouwing mei syn eigen ferljochting en set karakters.
- Aaru — Dieltsjefjildobservatorium om middernacht
- Atlas Card — De Middernachtskluis, mei syn ienige saffierstriel, is in pikswarte útwreiding dêr't it iennichste dat wichtich is it djippe elektryske blau is.
- Midjourney — In biolumineszinte terminal yn 'e djippe oseaan. In djipseewrâld dêr't yntelliginsje himsels fisueel genereart yn ASCII-streams, en kontrôles ferskine as swak gloeiende patroanen.
- Checkly — Missykontrôlesintrum foar djippe baan
- Krea — galery noir om middernacht
- Wope — Wope is in pearse hoarizonynterface. Stel jo in tsjustere observaasjetafel foar mei in pears ljocht dat ûnder it glês weistrielt.