Ciridae

How it’s built

Layout

A dark blurred photographic-looking scene carries a small centered white symbol and bold wordmark, small captions left and right, outlined pill controls at upper corners and centered lower copy.

Type

Bold wide uppercase central wordmark, condensed uppercase small captions and monospaced-looking pill labels.

Color and surface

Dark blue-black blurred field, warm highlights and white type and outlines.

Components

A centered white symbol and bold wordmark float over a dark blurred scene with small side captions and outlined corner pills.

What makes it work

• Dark blurred photographic-looking field
• Centered white symbol and bold wordmark
• Small side captions and outlined corner pills
• Centered lower copy

Measured

Computed CSS at 1440px, 2026-10-24.

Live behavior

Today

Desktop shows a centered two-line white proposition, small star-like mark above, short supporting paragraph, and orange rectangular action over a moving dark blurred background. At t2, background frame changes; hovering the logo changes its color from white to orange. Scroll y=750 moves past the hero to a centered follow-up statement on a light field. Tablet/mobile use compact floating header and smaller centered copy; reduced-motion capture has a markedly different background image.

Responsive

At 1440×1000, nav spans the top and headline/copy/action are centered. At 768×1024 and 390×844 nav becomes a compact floating bar; mark and copy remain centered, typography scales down and mobile paragraph wraps into several lines. Document heights desktop/tablet/mobile: 7549, 7947, 8662 CSS px; reduced-motion fresh load measured 9366 CSS px, a changed capture state.

Scroll

At y=750 hero is largely above view; next section is a white field with centered statement, followed by a pale section beginning below. No sticky header is visible in this capture.