---
name: IBS Dark Cinematic
colors:
  bg: "#000000"
  surface: "#0a0a0f"
  surface-2: "#121317"
  border: "#2c2e38"
  text: "#f8f9fc"
  muted: "#8a8f9e"
  accent: "#3b82f6"
  gold: "#f59e0b"
  emerald: "#10b981"
typography:
  display:
    fontFamily: "Geist Mono, Inter, system-ui, sans-serif"
    fontWeight: 600
    letterSpacing: "-0.04em"
  headline:
    fontFamily: "Inter, system-ui, sans-serif"
    fontWeight: 600
    letterSpacing: "-0.02em"
  body:
    fontFamily: "Inter, system-ui, sans-serif"
    fontWeight: 400
  mono:
    fontFamily: "'Geist Mono', 'JetBrains Mono', monospace"
rounded:
  sm: "0.25rem"
  DEFAULT: "0.5rem"
  md: "0.75rem"
  lg: "1rem"
  xl: "1.5rem"
  full: "9999px"
spacing:
  unit: "8px"
elevation:
  card: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"
  deep: "0 40px 110px -28px rgb(0 0 0 / 0.92)"
---

# IBS Dark Cinematic

The visual and interaction language for Innovative Blockchain Solutions at the platform level. Dark, cinematic, premium, and deliberately agentic in feel. This system unifies every surface under the IBS umbrella (apex site, CORTEX Discover, IMC, CorteX402, voice tools, etc.).

## Brand & Style

"Dark cinematic premium" — the aesthetic of high-stakes control rooms, mission operations, and serious financial infrastructure. Deep blacks, restrained but electric accents (cyan/blue neon + warm gold), layered depth, and filmic treatments.

Personality: Confident, precise, slightly futuristic, trustworthy, and uncompromising. It should feel like the interface an autonomous economic agent would actually use to move real capital and data.

The goal is not consumer delight. It is clarity, authority, operational seriousness, and respect for the high-stakes nature of the work.

## Colors

Extremely limited palette for maximum impact and consistency across all surfaces.

- Backgrounds: #000000 (primary), #0a0a0f, #121317
- Text: #f8f9fc (primary), #8a8f9e (muted)
- Accents: #3b82f6 / #60a5fa (neon blue), #f59e0b (gold), #10b981 (emerald for positive states)
- Borders & Subtle: #2c2e38

Glassmorphism and layered surfaces use low-alpha treatments with strong backdrop blur. High contrast is non-negotiable.

## Typography

- Display / Headlines: Strong weights, tight negative tracking, often mono or mono-adjacent (Geist Mono influence) for the technical and agentic feel.
- Body: Clean Inter or system sans, highly legible at small sizes on dark.
- Mono: Geist Mono or JetBrains Mono for all terminal, code, data, HUD, and agent-facing contexts.

Hierarchy is strict and cinematic. Large display typography is reserved for the most important platform statements.

## Layout & Spacing

Generous breathing room. Sections have significant vertical rhythm. Maximum content widths are controlled to feel focused and high-end rather than sprawling.

The overall impression should be that of a sophisticated control surface, not a generic marketing website.

## Elevation & Depth

Cinematic depth is a core signature:
- Strong, soft shadows
- Layered glassmorphic panels
- Filmic vignettes and radial gradients
- The sense that elements exist in a physical dark space

This language is consistent from the apex site through the Mission Control terminal and all supporting tools.

## Shapes

Generous but machined rounding. Nothing overly playful or consumer-soft. The language should feel engineered and precise.

## Components

**Glass / Elevated Cards**
- Low-alpha surfaces over deep backgrounds
- Strong borders
- Generous internal padding
- Hover/active states that increase perceived depth and shift toward accent

**Data / Terminal / Agent-Facing Elements**
- Monospace typography at elevated size and weight
- Tight tracking on status, timers, HUD labels, and code
- Cyan/gold/green/purple accents for data visualization and syntax

**CTAs & Primary Actions**
- High contrast (white or gold on dark)
- Generous rounding
- Strong feedback states that feel deliberate

## Do's and Don'ts

**Do**
- Maintain extreme contrast on all text
- Use the accent palette with intention and restraint
- Preserve cinematic depth and layering
- When describing the platform, lean into the "autonomous agents operating serious financial infrastructure on open rails" metaphor
- Keep the same language and treatments across every IBS surface

**Don't**
- Introduce bright, playful, or low-contrast consumer colors
- Flatten the depth or remove glass/shadow treatments
- Use thin weights or low legibility treatments in data, terminal, or agent-facing contexts
- Treat this as generic "dark fintech SaaS" — the cinematic, agentic control-room quality is deliberate and differentiating

This DESIGN.md is the single source of truth for visual identity across the entire IBS platform. Any agent generating descriptions, interfaces, or content for Innovative Blockchain Solutions must respect it.

## Contact & Agent Resources

- LinkedIn: https://www.linkedin.com/company/innovative-blockchain-solutions
- Support & Partnerships: support@innovativeblockchainsolutions.live

For agentic integration questions, production x402 usage, or enterprise discussions, use the support email above.