Ciridae
Usa ka walay sulod nga kwarto nga adunay pitik sa nagbaga nga mga baga - usa ka halos itom nga katedral diin ang bugtong mainit nga tunog mao ang nipis nga linya sa taya, ug ang matag nawong gihubit sa pino nga mga linya imbes nga anino.
Ang Ciridae naglihok sa usa ka haw-ang: usa ka #0b0b0b nga canvas, mga kontrol nga porma og pildoras nga halos dili mamatikdan ang mga outline, ug tipograpiya nga gisulod sa uppercase sa Pragmatica Cond sa 400 nga gibug-aton—walay bold, walay sinagol nga case, walay pangdekorasyon nga mga elemento. Ang bugtong chromatic note mao ang #cc6437, usa ka mainiton, nagbaga nga taya nga landong nga gigamit isip nipis nga mga stroke ug gagmay nga mga accent punctuation mark, dili gyud isip fill. Ang mga mapa naglutaw sa #272a2a nga adunay 10px radius ug walay mga anino; ang sistema naglikay sa elevation, nga nagtino sa mga nawong pinaagi sa tonal contrast ug sa pinakamaayong 1px nga mga border. Ang mga litrato hanap kaayo ug atmospheric—likido nga marmol, aso, kalayo—gibutang sa luyo sa teksto sa full-screen mode, mao nga ang biswal nga imahe mas atmospheric kaysa ilustratibo.
Ang layout sa panid kay full-width, nga ang sulod nakasentro sulod sa maximum nga gilapdon nga ~1400px. Ang hero kay usa ka ngitngit, full-width nga komposisyon nga adunay nakasentro nga logo sa konstelasyon nga gilibutan sa mga micro-label sa wala ug tuo nga kilid. Ang mga seksyon nagpuli-puli: dark hero → light stripe nga adunay underlays (Bone) → dark transform text → dark grid sa mga system card → dark footer. Ang single light section nagmugna og single, sharp tonal transition. Ang card grid naggamit og 4 ka kolum, diin ang unang card halos doble ang gilapdon sa laing tulo, nga nagmugna og asymmetrical layout nga adunay gibug-aton sa sulod. Malapad ang bertikal nga espasyo tali sa mga seksyon (80px+). Minimal ra ang nabigasyon: usa ka top news bar + usa ka left-aligned nga "Start Now" ug usa ka right-aligned nga "Menu" sa top bar. Walay sidebar, walay mega-menu.
Ang mga litrato sa atmospera, nga nag-okupar sa tibuok nawong sa panid, nagdominar sa home screen ug mga kard. Ang mga imahe hanap kaayo (nakit-an ang mga blur sa background nga 50px ug 40px) ug taas og contrast, nga naghulagway sa likido nga marmol nga adunay asul-pula nga mga alimpulos, aso, ngitngit nga mga silhouette sa mga talan-awon, ug mga tekstura sa kalayo/baga. Ang mga litrato ngitngit ug dili hayag—parehas sila og tonal range sa blangko nga canvas imbes nga mobarug batok niini. Walay mga litrato sa produkto, walay mga tawo, walay mga screenshot sa UI. Ang mga imahe nagmugna og atmospera imbes nga magsilbing ilustratibong sulud. Ang card grid nagmapa sa matag sistema ngadto sa lahi nga atmospheric scene, nga nagtugot sa mga litrato nga molihok isip abstract visual identifiers imbes nga literal nga mga imahe sa produkto.
Paleta
Brand
- Ember Rust
#cc6437— Ang mga accent stroke, icon lines, ug gagmay nga text highlight mao lamang ang chromatic color sa usa ka monochrome system, nga makita nga halos dili mamatikdan nga nagpitik nga lugar kaysa usa ka fill.
Neutral
- Void Black
#0b0b0b— Mga hulagway sa background para sa pangunang panid ug mga seksyon; ang sukaranan sa tibuok sistema. - Charcoal Surface
#272a2a— Ang mga hulagway sa background nga hinimo sa karton ug mga panel sa ngitngit nga mga lugar usa ka tono nga mas hayag kay sa canvas aron makahimo og panagbulag sa mga nawong nga walay mga anino. - Bone
#edebe7— Ang hayag nga mga bahin sa background ug sa nawong kay kolor krema, diin ang sistema mobalhin gikan sa ngitngit ngadto sa hayag. - Bone Darker
#dfddd9— Usa ka delikado nga landong nga gitawag og "Bone" alang sa multi-layered light surfaces ug mga elemento sa usa ka mainit, hapit puti nga kolor. - Pure White
#ffffff— Ang tanang pangunang teksto ug mga ulohan, mga border sa ghost button, ug mga elemento sa nabigasyon naa sa pangunang kolor nga adunay 19.7:1 contrast ratio sa usa ka Void black background. - Abyss
#050505— Gipataas nga background para sa news strip (ibabaw nga news strip) - usa ka landong nga mas itom kay sa pangunang canvas aron mopatigbabaw ang strip.
Tipograpiya
gikan sa 11 ngadto sa 32px · 5 ka lakang
- Pragmatica Cond — kapuli: Oswald · mga balangkas 400 · Ang pangunang display ug user interface font kay usa ka pig-ot ug gipamubo nga font nga adunay 14px all-caps para sa body text, 20px para sa section headings, ug 32px para sa main text. Ang pig-ot kaayo nga font ug 14px all-caps para sa body text mao ang labing kinaiya nga solusyon para sa sistema: ang body text mabasa sama sa hunghong sa usa ka architectural typeface imbes nga sama sa ordinaryong prosa. Ilisi og Oswald o Barlow Condensed kon dili magamit ang Pragmatica Condensed.
- Pragmatica — kapuli: Inter · mga balangkas 400 · Usa ka ikaduha, pangunang font nga gigamit para sa mas taas nga mga tudling sa prosa (pananglitan, ang deskripsyon sa kard nga "AI Operating System" kay 24px, ang teksto sa parapo kay 15px). Mas lapad gamay kay sa Pragmatica Cond para sa kasayon sa pagbasa sa mas dagkong mga bloke, apan naa gihapon sa 400 nga gibug-aton—dili gyud i-bold. Ilisi og Inter o Söhne.
- Roboto Mono — kapuli: Roboto Mono (free · mga balangkas 400 · Usa ka monospaced microfont para sa usa ka news ticker ("BALITA • HUNYO 15, 2026 • CRUCIBLE EARLY ACCESS OPEN NA"). Ang monospaced font gigamit lamang dinhi, nga nagmugna og klaro nga kalainan sa gimbuhaton: kini ang datos sa sistema, dili branding.
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | aberids |
| Batakang lakang | 16-20px |
| Radius sa butones | 1440px |
| Radius sa kard | 10px |
| Mga anino | walay - mga utlanan imbes nga mga anino |
| Taliwala sa mga seksyon | 80px |
| Lapad sa panid | 1400px |
Ang AI motukod sa imong website sa estilo sa Ciridae ug mopuno niini
- Pun-a og mga produkto ug mga post pinaagi sa link - Instagram, TikTok, Facebook.
- Ibalhin ang sulod gikan sa imong daang site—ipiho lang ang adres.
- Modernong disenyo sa pinakamaayong makina: React ( Next.js) nga adunay server rendering ug SEO optimization nga andam na gamiton.
- Bug-os nga awtomatik nga pag-optimize sa SEO para sa mga resulta sa pagpangita ug mga rekomendasyon sa neural network.
Parehas nga mga estilo
- Dala — usa ka konstelasyon nga naglutaw-lutaw sa itom nga pelus
- Linear — instrumento sa katukma sa tungang gabii
- Resend — itom nga velvet nga adunay kolor nga neon nga purpura
- Dovetail — Usa ka blueprint ubos sa itom nga bulan—halos dili makita nga mga linya sa graph, puti nga font, usa ka purpura nga kislap
- Neon — Usa ka server room kon gabii na. Kangitngit gyud, diin ang bugtong kahayag gikan sa datos ug interaksyon sa tiggamit.
- Discord — Ang kalibutan sa dula natago sa luyo sa usa ka pop-up chat window - ang matag seksyon usa ka kaugalingon nga sulud nga palibot nga adunay kaugalingon nga suga ug hugpong sa mga karakter
- Aaru — Obserbatoryo sa Particle Field sa Tungang Gabii
- Atlas Card — Ang Midnight Vault, uban sa nag-inusarang silaw sa sapiro, usa ka ngitngit kaayo nga wanang diin ang bugtong butang nga importante mao ang lawom nga electric blue.
- Midjourney — Usa ka bioluminescent terminal sa lawom nga kadagatan. Usa ka kalibutan sa lawom nga kadagatan diin ang intelihensiya biswal nga nagmugna sa iyang kaugalingon sa mga ASCII stream, ug ang mga kontrol makita isip hinay nga nagdan-ag nga mga sumbanan.
- Checkly — Sentro sa Pagkontrol sa Misyon sa Lawom nga Orbito
- Krea — gallery noir sa tungang gabii
- Wope — Ang Wope usa ka purpura nga kapunawpunawan. Handurawa ang usa ka ngitngit nga lamesa sa obserbatoryo nga adunay purpura nga kahayag nga nagsidlak gikan sa ilawom sa bildo.