IVDRIP // DESIGN SYSTEM V1

01 // Concept

Core identity

IVDRIP = recovered hostile archive.

Not a "classic metal" brand. Not just red/black glitch. The system must feel like a recovered medical/industrial archive, corrupted after collapse. Every document must look functional then contaminated.

      identifiers: 
      archive terminal · NVR surveillance · corrupted institutional record · patient files · incident reports · blacksite medical-industrial · lost signal
    

02 // Palette

Core colors — usage ratios

void 70%

gray 15%

blood 8%

wound 4%

gold 2%

ghost 1%

void

#000000

charcoal

#080808

slate

#11151C

bone

#ECECEC

ash

#C7C7C7

dust

#8F8F8F

blood

#DC1428

wound

#FF4D57

deep blood

#8F0D1C

signal gold

#FFD700

cyan ghost

#28B4A0

blue noise

#00C8FF

03 // Logo System

MK13 — 3 variants × 6 forms each = 18 logos

▸ MK13 — FINAL VERSION (full wordmark)

Form	Preview
FULL
OUTLINE ONLY
OUTLINE + FRAME
INSIDE SHAPES
INSIDE SHAPES + FRAME
FRAME ONLY

▸ MK13 — IV (monogram compact)

Form	Preview
FULL
OUTLINE ONLY
OUTLINE + FRAME
INSIDE SHAPES
INSIDE SHAPES + FRAME
FRAME ONLY

▸ MK13 — IVD (intermediate)

Form	Preview
FULL
OUTLINE ONLY
OUTLINE + FRAME
INSIDE SHAPES
INSIDE SHAPES + FRAME
FRAME ONLY

Source files: 3 × .ai in assets/logos/ | Click any preview to open download popup with all variants.

Usage rules: White on dark = standard. #DC1428 on light = inverse version. No gradients, no 3D, no drop shadows (except glitch hover).
IV monogram → avatar, favicon, watermark. Full wordmark → header site, posters, large merch.

04 // Typography

Two fonts, two roles

SHARE TECH MONO

Display — landing, CTAs, titles, logo-adjacent

IBM Plex Mono

UI — terminal, archives, reports, logs, patient files

      --ivd-font-display: 'Share Tech Mono', 'Courier New', monospace

      --ivd-font-ui: 'IBM Plex Mono', 'Consolas', monospace

      /* Rules */

      Uppercase for system labels: CLEARANCE, SESSION, INTEGRITY

      Tracking .18em – .32em on short titles

      English only for all public lore/archive text

05 // CSS Tokens

Reusable design variables

      :root {

        /* Surfaces */

        --ivd-void: #000000;

        --ivd-charcoal: #080808;

        --ivd-slate: #11151C;

        --ivd-panel: rgba(255,255,255,0.04);

        --ivd-panel-hard: rgba(0,0,0,0.92);

        --ivd-line: rgba(255,255,255,0.12);

        /* Type */

        --ivd-text: #ECECEC;

        --ivd-text-dim: #C7C7C7;

        --ivd-text-muted: #8F8F8F;

        /* Brand accents */

        --ivd-blood: #DC1428;

        --ivd-wound: #FF4D57;

        --ivd-deep-blood: #8F0D1C;

        --ivd-gold: #FFD700;

        --ivd-cyan: #28B4A0;

        --ivd-blue: #00C8FF;

        /* Effects */

        --ivd-glow-red: 0 0 20px rgba(220,20,40,0.55);

        --ivd-shadow-panel: 0 26px 72px rgba(0,0,0,0.66);

        /* Shape */

        --ivd-radius-panel: 16px;

        --ivd-border: 1px solid var(--ivd-line);

      }

06 // Components

Reusable UI building blocks

      Archive Panel // document card

      Panel with meta header (FILE, CLEARANCE, INTEGRITY, DATE), noise overlay

      Terminal Button // nav / access

      Gold/brown bg, glitch hover, short uppercase label

      Blood Signal CTA // rare, critical actions only

      Red text/line, RGB split on hover, no big red button unless alert

      Metadata Pills // clearance, session, integrity

      CLEARANCE: OBSERVER | SESSION: TMP-16406 | INTEGRITY: 34%

      Surveillance Tile // NVR camera feed

      4:3 ratio, gray image, overlay REC + timestamp + room id + status

07 // Visual Grammar

Keep / Limit / Avoid

✓ Keep

Black deep backgrounds Desaturated blood red Mono fonts only CRT scanlines Vignette overlay Film grain Subtle chromatic aberration Terminal/NVR windows System labels Corrupted documents

△ Limit

Permanent glitch (fatigue) Gold overuse (dilutes clearance) Cyan outside RGB effect Too much border-radius

✕ Avoid

Cyberpunk neon purple/pink Clean Instagram gradients SaaS modern cards Clean stock icons Cliché horror (blood drips, pentagrams) Saturated red everywhere

08 // Design Spec

5 fields for infinite duplication

      TYPE: landing | archive | patient_file | incident_report | nvr_feed | promo_asset | merch

      CLEARANCE: observer | restricted | classified

      SIGNAL_STATE: stable | degraded | corrupted | lost

      ACCENT: blood | gold | wound | ghost

      TEXTURE_LEVEL: 0-4

Example: Lore Page

TYPE: archive CLEARANCE: restricted SIGNAL_STATE: degraded ACCENT: blood TEXTURE_LEVEL: 2

Example: Promo Post

TYPE: promo_asset CLEARANCE: observer SIGNAL_STATE: corrupted ACCENT: wound TEXTURE_LEVEL: 3

Example: Page 404

TYPE: nvr_feed CLEARANCE: classified SIGNAL_STATE: lost ACCENT: ghost TEXTURE_LEVEL: 4