Ciridae
Een lege ruimte met het pulseren van smeulende kolen - een bijna zwarte kathedraal waar het enige warme geluid een dunne roeststreep is, en elk oppervlak wordt gedefinieerd door fijne lijnen in plaats van schaduw.
Ciridae opereert in een vacuüm: een canvas in de kleur #0b0b0b, pilvormige bedieningselementen met nauwelijks zichtbare contouren en typografie vastgelegd in de hoofdletters van Pragmatica Cond met een gewicht van 400 — geen vetgedrukte tekst, geen gemengde hoofd- en kleine letters, geen decoratieve elementen. De enige kleurtint is #cc6437, een warme, smeulende roestkleur die gebruikt wordt voor de dunste lijnen en kleine accenttekens, nooit als opvulling. Kaarten zweven op #272a2a met een straal van 10px en zonder schaduwen; het systeem vermijdt hoogteverschillen en definieert oppervlakken door middel van tooncontrast en de fijnste randen van 1px. Foto's zijn sterk vervaagd en sfeervol — vloeibaar marmer, rook, vuur — en worden in de volledige schermmodus achter de tekst geplaatst, waardoor de visuele weergave meer sfeervol dan illustratief aanvoelt.
De pagina-indeling is volledig breed, met de inhoud gecentreerd binnen een maximale breedte van ongeveer 1400px. De hero-sectie is een donkere, volledig brede compositie met een gecentreerd sterrenbeeldlogo, geflankeerd door microlabels aan de linker- en rechterkant. De secties wisselen elkaar af: donkere hero → lichte strook met onderlagen (Bone) → donkere transformatietekst → donker raster van systeemkaarten → donkere footer. De enkele lichte sectie zorgt voor een enkele, scherpe toonovergang. Het kaartraster gebruikt 4 kolommen, waarbij de eerste kaart ongeveer twee keer zo breed is als de andere drie, wat een asymmetrische lay-out creëert met de nadruk op de inhoud. De verticale ruimte tussen de secties is ruim (80px+). De navigatie is minimaal: een nieuwsbalk bovenaan + een links uitgelijnde "Start Now" en een rechts uitgelijnde "Menu" in de bovenste balk. Geen zijbalk, geen megamenu.
Sfeervolle foto's, die de hele pagina beslaan, domineren het startscherm en de kaarten. De afbeeldingen zijn sterk vervaagd (achtergrondvervaging van 50px en 40px werd gedetecteerd) en contrastrijk, en tonen vloeibaar marmer met blauw-rode wervelingen, rook, donkere silhouetten van landschappen en vuur-/gloeiende texturen. De foto's zijn stemmig en donker, niet levendig – ze delen hetzelfde toonbereik als het lege canvas in plaats van ertegen af te steken. Er zijn geen productfoto's, geen mensen, geen screenshots van de gebruikersinterface. De afbeeldingen creëren sfeer in plaats van als illustratieve inhoud te dienen. Het kaartraster koppelt elk systeem aan een andere sfeervolle scène, waardoor de foto's functioneren als abstracte visuele identificatoren in plaats van letterlijke productafbeeldingen.
Palet
Merk
- Ember Rust
#cc6437— Accentlijnen, pictogramlijnen en kleine tekstmarkeringen zijn de enige chromatische kleuren in een monochroom systeem en verschijnen eerder als een nauwelijks waarneembare pulserende stip dan als een opvulling.
Neutrale
- Void Black
#0b0b0b— Achtergrondafbeeldingen voor de hoofdpagina en de verschillende secties; de basis van het hele systeem. - Charcoal Surface
#272a2a— Achtergrondafbeeldingen van karton en panelen op donkere gedeelten zijn een tint lichter dan het canvas om een scheiding van oppervlakken te creëren zonder schaduwen. - Bone
#edebe7— De lichte gedeelten van de achtergrond en het oppervlak zijn crèmekleurig, waar het systeem van donker naar licht overgaat. - Bone Darker
#dfddd9— Een subtiele tint genaamd "Bone" voor meerlagige lichte oppervlakken en elementen in een warme, bijna witte kleur. - Pure White
#ffffff— Alle hoofdtekst en koppen, transparante knopranden en navigatie-elementen zijn uitgevoerd in de primaire kleur met een contrastverhouding van 19,7:1 op een zwarte achtergrond (Void). - Abyss
#050505— Verhoogde achtergrond voor de nieuwsstrook (bovenste nieuwsstrook) - een tint donkerder dan het hoofdcanvas om de strook te laten opvallen.
Typografie
van 11 tot 32px · 5 stappen
- Pragmatica Cond — vervanging: Oswald · overzichten 400 · Het primaire lettertype voor weergave en gebruikersinterface is een smal, gecondenseerd lettertype met 14px hoofdletters voor de hoofdtekst, 20px voor sectiekoppen en 32px voor de rest van de tekst. Een extreem smal lettertype en 14px hoofdletters voor de hoofdtekst is de meest kenmerkende oplossing voor het systeem: de hoofdtekst leest als het gefluister van een architectonisch lettertype in plaats van als gewone proza. Vervang dit door Oswald of Barlow Condensed als Pragmatica Condensed niet beschikbaar is.
- Pragmatica — vervanging: Inter · overzichten 400 · Een secundair, primair lettertype dat gebruikt wordt voor langere prozateksten (bijvoorbeeld de beschrijving van het "AI Operating System"-kaartje is 24px, de alineatekst is 15px). Iets breder dan Pragmatica Cond voor betere leesbaarheid in grotere blokken, maar nog steeds met een gewicht van 400 – nooit vetgedrukt. Vervangen door Inter of Söhne.
- Roboto Mono — vervanging: Roboto Mono (free · overzichten 400 · Een monospace microfont voor een nieuwsticker ("NIEUWS • 15 JUNI 2026 • CRUCIBLE EARLY ACCESS NU GEOPEND"). Het monospace lettertype wordt alleen hier gebruikt, waardoor een duidelijk functioneel onderscheid ontstaat: dit zijn systeemgegevens, geen merkuitingen.
Intervallen en vorm
| Doel | Betekenis |
|---|---|
| Dikte | gemiddeld |
| Basisstap | 16-20px |
| Knopradius | 1440px |
| Kaartradius | 10px |
| Schaduwen | geen randen in plaats van schaduwen |
| Tussen secties | 80px |
| Paginabreedte | 1400px |
AI bouwt je website in de stijl Ciridae en vult deze in.
- Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
- Neem de inhoud van je oude website over; geef gewoon het adres op.
- Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
- Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.
Vergelijkbare stijlen
- Dala — een sterrenbeeld zwevend op zwart fluweel
- Linear — middernacht precisie-instrument
- Resend — zwart fluweel met paarse neonkleur
- Dovetail — Een blauwdruk onder een donkere maan: nauwelijks zichtbare grafieklijnen, witte letters, een paarse vonk.
- Neon — Een serverruimte in het donker. Volledige duisternis, waar het enige licht afkomstig is van data en gebruikersinteracties.
- Discord — De spelwereld is verborgen achter een pop-up chatvenster; elk gedeelte is een op zichzelf staande omgeving met eigen belichting en personages.
- Aaru — Deeltjesveldobservatorium om middernacht
- Atlas Card — De Midnight Vault, met zijn enkele saffierblauwe lichtstraal, is een pikzwarte ruimte waar alleen het diepe, elektrische blauw telt.
- Midjourney — Een bioluminescente terminal in de diepe oceaan. Een diepzeewereld waar intelligentie zichzelf visueel genereert in ASCII-stromen, en bedieningselementen verschijnen als zwak oplichtende patronen.
- Checkly — Missiecontrolecentrum voor diepe baan
- Krea — Gallery Noir om middernacht
- Wope — Wope is een paarse horizoninterface. Stel je een donkere observatoriumtafel voor met een paars licht dat van onder het glas schijnt.