Ciridae
An empty room with the pulsation of smoldering embers - an almost black cathedral where the only warm sound is a thin line of rust, and every surface is defined by fine lines rather than shadow.
Ciridae operates in a void: a #0b0b0b canvas, pill-shaped controls with barely noticeable outlines, and typography locked into the uppercase of Pragmatica Cond at 400 weight—no bold, no mixed case, no decorative elements. The only chromatic note is #cc6437, a warm, smoldering rust shade used as the thinnest strokes and small accent punctuation marks, never as a fill. Maps float on #272a2a with a 10px radius and no shadows; the system eschews elevation, defining surfaces through tonal contrast and the finest 1px borders. Photographs are heavily blurred and atmospheric—liquid marble, smoke, fire—placed behind the text in full-screen mode, so the visual imagery feels more atmospheric than illustrative.
The page layout is full-width, with content centered within a maximum width of ~1400px. The hero is a dark, full-width composition with a centered constellation logo flanked by micro-labels on the left and right sides. Sections alternate: dark hero → light stripe with underlays (Bone) → dark transform text → dark grid of system cards → dark footer. The single light section creates a single, sharp tonal transition. The card grid uses 4 columns, with the first card approximately twice as wide as the other three, creating an asymmetrical layout with an emphasis on content. Vertical space between sections is generous (80px+). Navigation is minimal: a top news bar + one left-aligned "Start Now" and a right-aligned "Menu" in the top bar. No sidebar, no mega-menu.
Atmospheric photographs, occupying the entire page surface, dominate the home screen and cards. The images are heavily blurred (background blur values of 50px and 40px were detected) and high-contrast, depicting liquid marble with blue-red swirls, smoke, dark silhouettes of landscapes, and fire/ember textures. The photographs are moody and dark, not vibrant—they share the same tonal range as the blank canvas rather than stand out against it. There are no product photos, no people, no UI screenshots. The images create atmosphere rather than serve as illustrative content. The card grid maps each system to a different atmospheric scene, allowing the photographs to function as abstract visual identifiers rather than literal product images.
Palette
Brand
- Ember Rust
#cc6437— Accent strokes, icon lines, and small text highlights are the only chromatic color in a monochrome system, appearing more as a barely noticeable pulsating spot than a fill.
Neutral
- Void Black
#0b0b0b— Background images for the main page and sections; the basis of the entire system. - Charcoal Surface
#272a2a— Background images made of cardboard and panels on dark areas are one tone lighter than the canvas to create a separation of surfaces without shadows. - Bone
#edebe7— The light areas of the background and the surface are cream-colored, where the system switches from dark to light. - Bone Darker
#dfddd9— A delicate shade called “Bone” for multi-layered light surfaces and elements of a warm, almost white color. - Pure White
#ffffff— All main text and headings, ghost button borders, and navigation elements are in the primary color with a 19.7:1 contrast ratio on a Void black background. - Abyss
#050505— Raised background for the news strip (top news strip) - one shade darker than the main canvas to make the strip stand out.
Typography
from 11 to 32px · 5 steps
- Pragmatica Cond — replacement: Oswald · outlines 400 · The primary display and user interface font is a narrow, condensed font with 14px all-caps for body text, 20px for section headings, and 32px for main text. An extremely narrow font and 14px all-caps for body text is the most characteristic solution for the system: body text reads like the whisper of an architectural typeface rather than like ordinary prose. Replace with Oswald or Barlow Condensed if Pragmatica Condensed is unavailable.
- Pragmatica — replacement: Inter · outlines 400 · A secondary, primary font used for longer prose passages (e.g., the "AI Operating System" card description is 24px, paragraph text is 15px). Slightly wider than Pragmatica Cond for ease of reading in larger blocks, but still at 400 weight—never bold. Replace with Inter or Söhne.
- Roboto Mono — replacement: Roboto Mono (free · outlines 400 · A monospaced microfont for a news ticker ("NEWS • JUNE 15, 2026 • CRUCIBLE EARLY ACCESS NOW OPEN"). The monospaced font is used only here, creating a clear functional distinction: this is system data, not branding.
Intervals and form
| Purpose | Meaning |
|---|---|
| Density | average |
| Basic step | 16-20px |
| Button radius | 1440px |
| Card radius | 10px |
| Shadows | no - borders instead of shadows |
| Between sections | 80px |
| Page width | 1400px |
AI will build your website in Ciridae style and fill it
- Fill with products and posts via the link - Instagram, TikTok, Facebook.
- Transfer content from your old site—just specify the address.
- Modern design on the best engine: React ( Next.js) with server rendering and SEO optimization out of the box.
- Fully automated SEO optimization for search results and neural network recommendations.
Similar styles
- Dala — a constellation hovering on black velvet
- Linear — midnight precision instrument
- Resend — black velvet with purple neon color
- Dovetail — A blueprint under a black moon—barely visible graph lines, white font, one purple sparkle
- Neon — A server room after dark. Pure darkness, where the only light comes from data and user interactions.
- Discord — The game world is hidden behind a pop-up chat window - each section is a self-contained environment with its own lighting and set of characters
- Aaru — Particle Field Observatory at Midnight
- Atlas Card — The Midnight Vault, with its single sapphire ray, is a pitch-black expanse where the only thing that matters is the deep electric blue.
- Midjourney — A bioluminescent terminal in the deep ocean. A deep-sea world where intelligence visually generates itself in ASCII streams, and controls appear as faintly glowing patterns.
- Checkly — Deep Orbit Mission Control Center
- Krea — gallery noir at midnight
- Wope — Wope is a purple horizon interface. Imagine a dark observatory table with a purple light beaming from beneath the glass.