Ciridae
En eidele Raum mam Pulsatioun vu schmuelenden Gloeden - eng bal schwaarz Kathedral, wou deen eenzege waarme Klang eng dënn Linn vu Rost ass, an all Uewerfläch duerch fein Linnen amplaz vu Schiet definéiert ass.
Ciridae funktionéiert an enger Eidelkeet: eng #0b0b0b Leinwand, pillefërmeg Kontrollen mat kaum bemierkenswäerte Konturen, an Typographie agespaart an de Groussbuschtawen vum Pragmatica Cond mat engem Gewiicht vun 400 - kee fettgedréckten, kee gemëschte Grouss- a Groussbuchstawen, keng dekorativ Elementer. Déi eenzeg chromatesch Note ass #cc6437, eng waarm, schmëlzend Rosttéin, déi als déi dënnst Stréch a kleng Akzentpunktzeechen benotzt gëtt, ni als Fëllung. Kaarte schwiewen op #272a2a mat engem Radius vun 10px a kenge Schieter; de System vermeit Héichten a definéiert Flächen duerch Tonalkontrast an déi feinst 1px-Ränner. Fotoe si staark verschwommen an atmosphäresch - flëssege Marmer, Damp, Feier - placéiert hannert dem Text am Vollbildmodus, sou datt d'visuell Biller sech méi atmosphäresch wéi illustrativ ufillt.
D'Säitelayout ass a voller Breet, mat engem Inhalt zentréiert bannent enger maximaler Breet vun ~1400px. Den Held ass eng donkel Kompositioun a voller Breet mat engem zentréierte Konstellatiounslogo, flankéiert vu Mikro-Labels op der lénkser a rietser Säit. Sektiounen wiesselen of: donkelen Held → hellt Sträif mat Ënnerlagen (Knach) → donkelen Transformatiounstext → donkelt Raster vu Systemkaarten → donkelen Fousszeil. Déi eenzeg hell Sektioun erstellt en eenzegen, schaarfen Touniwwergang. De Kaarte-Raster benotzt 4 Kolonnen, woubäi déi éischt Kaart ongeféier duebel sou breet ass wéi déi aner dräi, wat en asymmetrescht Layout mat engem Schwéierpunkt op den Inhalt erstellt. De vertikale Raum tëscht de Sektiounen ass generéis (80px+). D'Navigatioun ass minimal: eng iewescht Neiegkeetsleiste + eng lénks ausgeriicht "Start Now" an e riets ausgeriicht "Menu" an der ieweschter Leiste. Keng Sidebar, kee Mega-Menü.
Atmosphäresch Fotoen, déi déi ganz Säituewerfläch besetzen, dominéieren den Homescreen a Kaarten. D'Biller si staark verschwommen (Hannergrondonschärftwäerter vu 50px an 40px goufen festgestallt) a weisen héije Kontrast, a weisen flëssege Marmer mat blo-roude Wirbelen, Damp, donkel Silhouetten vu Landschaften a Feier-/Glühtexturen. D'Fotoe si stëmmungsvoll an däischter, net lieweg - si deelen deeselwechten Tounberäich wéi déi eidel Leinwand anstatt dogéint ofzestoen. Et gi keng Produktfotoen, keng Leit, keng UI-Screenshots. D'Biller kreéieren Atmosphär anstatt als illustrativen Inhalt ze déngen. De Kaartegitter weist all System op eng aner atmosphäresch Szen, sou datt d'Fotoe als abstrakt visuell Identifizéierer anstatt als wuertwiertlech Produktbiller funktionéiere kënnen.
Palette
Mark
- Ember Rust
#cc6437— Akzentsträifen, Ikonzeilen an Highlights vu klenge Texter sinn déi eenzeg chromatesch Faarwen an engem monochrome System a erschéngen éischter als e kaum merkbare pulséierende Fleck wéi als Fëllung.
Neutral
- Void Black
#0b0b0b— Hannergrondbiller fir d'Haaptsäit an d'Sektiounen; d'Basis vum ganze System. - Charcoal Surface
#272a2a— Hannergrondbiller aus Karton a Paneele op donkelen Deeler sinn eng Tonalitéit méi hell wéi d'Leinwand, fir eng Trennung vun de Flächen ouni Schied ze kreéieren. - Bone
#edebe7— Déi hell Beräicher vum Hannergrond an der Uewerfläch si crèmefaarweg, wou de System vun donkel op hell wiesselt. - Bone Darker
#dfddd9— Eng delikat Schiet vu "Bone" fir méischichteg hell Uewerflächen an Elementer vun enger waarmer, bal wäisser Faarf. - Pure White
#ffffff— All Haapttext an Iwwerschrëften, Ghost-Knäppchenränner an Navigatiounselementer sinn an der Primärfaarf mat engem Kontrastverhältnis vun 19,7:1 op engem Void-schwaarzen Hannergrond. - Abyss
#050505— Erhuewenen Hannergrond fir de Newssträifen (ieweschten Newssträifen) - eng Nuance méi donkel wéi d'Haaptleinwand, fir datt de Sträifen erausstécht.
Typographie
vun 11 bis 32px · 5 Schrëtt
- Pragmatica Cond — Ersatz: Oswald · Konturen 400 · Déi primär Schrëft fir den Display an d'Benotzerinterface ass eng schmuel, kondenséiert Schrëft mat 14px Groussbuschtawen fir den Haapttext, 20px fir Sektiounsüberschrëften an 32px fir den Haapttext. Eng extrem schmuel Schrëft an 14px Groussbuschtawen fir den Haapttext ass déi charakteristeschst Léisung fir de System: den Haapttext liest sech wéi d'Flüsterei vun enger architektonescher Schrëft anstatt wéi normal Prosa. Ersetzt duerch Oswald oder Barlow Condensed wann Pragmatica Condensed net verfügbar ass.
- Pragmatica — Ersatz: Inter · Konturen 400 · Eng sekundär, primär Schrëft, déi fir méi laang Prosa-Passagen benotzt gëtt (z.B. d'Beschreiwung vun der Kaart "AI Operating System" ass 24px, den Text vum Absatz ass 15px). E bësse méi breet wéi Pragmatica Cond fir d'Liesbarkeet a gréissere Blöcke, awer ëmmer nach mat engem Gewiicht vun 400 px – ni fettgedréckt. Ersetzt duerch Inter oder Söhne.
- Roboto Mono — Ersatz: Roboto Mono (free · Konturen 400 · Eng Monospaced-Mikrofont fir en News-Ticker ("NEWS • 15. JUNI 2026 • CRUCIBLE EARLY ACCESS NOW OPEN"). D'Monospaced-Schrëft gëtt nëmmen hei benotzt, wat eng kloer funktionell Ënnerscheedung erstellt: dëst sinn Systemdaten, net Branding.
Intervaller a Form
| Zweck | Bedeitung |
|---|---|
| Dicht | duerchschnëttlech |
| Basis Schrëtt | 16-20px |
| Knäppchenradius | 1440px |
| Kaarteradius | 10px |
| Schied | keng Grenzen amplaz vu Schied |
| Tëscht de Sektiounen | 80px |
| Säitebreet | 1400px |
KI baut Är Websäit am Stil vun Ciridae op a fëllt se aus
- Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
- Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
- Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
- Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.
Ähnlech Stiler
- Dala — e Stärebild, dat op schwaarzem Samt schweeft
- Linear — Präzisiounsinstrument fir Mëtternuecht
- Resend — schwaarze Samt mat purpurroude Neonfaarf
- Dovetail — E Plang ënner engem schwaarze Mound - kaum siichtbar Grafiklinnen, wäiss Schrëft, ee violette Glanz
- Neon — E Serverraum nom Däischteren. Reng Däischtert, wou dat eenzegt Liicht vun Daten an Benotzerinteraktiounen kënnt.
- Discord — D'Spillwelt ass hannert engem Pop-up-Chatfenster verstoppt - all Sektioun ass eng onofhängeg Ëmfeld mat senger eegener Beliichtung a Personnagen.
- Aaru — Partikelfeldobservatoire um Mëtternuecht
- Atlas Card — De Mëtternuechtsgewalt, mat sengem eenzege Saphirstraal, ass eng pechschwaarz Fläch, wou dat eenzegt wat zielt dat déift elektrescht Blo ass.
- Midjourney — En biolumineszenten Terminal am déiwen Ozean. Eng Déifmierwelt, wou Intelligenz sech visuell an ASCII-Stréim generéiert, a Kontrollen als schwaach liichtend Mustere erschéngen.
- Checkly — Kontrollzentrum fir déif Orbit-Missioun
- Krea — Galerie Noir ëm Mëtternuecht
- Wope — Wope ass eng violett Horizont-Grenzfläche. Stellt Iech eng donkel Observatiounsdësch vir, mat engem violette Liicht, dat ënnert dem Glas erausstraalt.