Private Investigations

Noir

"In this town, the shadows have secrets... and the secrets have teeth."

CASE FILE 001 / PALETTE

Color System

High contrast black and white with strategic accents of blood red, whiskey amber, and cold blue. The palette of rain-soaked streets and smoky bars.

Noir Grays

Noir Black #0A0A0A
Charcoal #141414
Shadow Gray #333333
Noir White #E8E8E8

Accent Colors

Blood Red #8B0000
Ember #FF4500
Badge Gold #C9A227
Cold Blue #4A9EFF

CASE FILE 002 / TYPOGRAPHY

Type System

Playfair Display for dramatic headlines, Oswald for newspaper-style condensed type, and Courier Prime for that authentic typewriter feel.

Display

Playfair Display / 72px

MURDER

Headline

Oswald / 48px

BODY FOUND IN ABANDONED WAREHOUSE

H2

Playfair Display / 40px

The Case Unfolds

H3

Playfair Display / 24px

Chapter Three: The Dame

Body

Courier Prime / 16px

She walked into my office like trouble on two legs. I could tell she had a story - they always do. The rain outside made patterns on the window that matched the tears she was trying not to shed.

Caption

Courier Prime / 12px / Uppercase

Evidence Tag A-127 / Confidential

Typewriter Effects

CASE NOTES - NOVEMBER 14th, 1947

The suspect witness claims she was at the murder scene diner until midnight. Her alibi checks out, but something doesn't add up. Need to interview the REDACTED before the trail goes cold.

- J.M.

CASE FILE 003 / SPACING

Spacing Scale

A 4px base unit creates consistent rhythm across components.

4px
xs
8px
sm
16px
md
24px
lg
32px
xl
48px
2xl
64px
3xl
96px
4xl

CASE FILE 004 / BUTTONS

Controls

Sharp, decisive buttons with dramatic hover transitions. Black, white, and red dominate.

CASE FILE 005 / FORMS

Input Fields

Clean, functional inputs with high contrast focus states.

CASE FILE 006 / CARDS

Content Cards

From case files to evidence photos, cards contain the pieces of the puzzle.

Standard Cards

01

The Scene

Rain-slicked alley behind the Starlight Lounge. No witnesses. No fingerprints. Just a body and questions.

02

The Suspect

A dame with a past and an alibi that's shakier than a drunk on Sunday morning.

03

The Motive

Money, jealousy, revenge - the holy trinity of murder. Take your pick.

Case File Cards

The Morrison Case

CASE #1947-0892

Wealthy industrialist found dead in locked study. All signs point to suicide, but the family insists otherwise. Something doesn't smell right.

Active

The Silk Stocking Affair

CASE #1947-0756

Three society dames, three mysterious disappearances. The only connection? They all bought stockings from the same boutique on 5th Avenue.

Cold Case

Evidence Photos

[ CRIME SCENE ]

Exhibit A - Nov 14, 1947

[ WEAPON ]

Exhibit B - .38 Special

[ SUSPECT ]

Exhibit C - Mugshot

[ FINGERPRINT ]

Exhibit D - Latent Print

CASE FILE 007 / DATA

Case Registry

A dossier of open and closed investigations.

Case # Description Lead Status Date
1947-0892 Morrison Homicide Det. Marlowe ACTIVE Nov 14
1947-0756 Silk Stocking Disappearances Det. Spade COLD Sep 3
1947-0634 Chinatown Robbery Det. Gittes CLOSED Aug 21
1947-0512 The Maltese Falcon Det. Spade CLOSED Jul 8
1947-0401 Sunset Blvd Suspicious Death Det. Marlowe ACTIVE Jun 15

CASE FILE 008 / BADGES

Status Indicators

Tags and labels for categorizing evidence and case status.

Default Active Case Cold Case Priority Classified

Evidence Tags

EXHIBIT A EXHIBIT B EXHIBIT C

CASE FILE 009 / ELEMENTS

Special Components

Newspaper clippings, venetian shadows, and atmospheric effects.

Newspaper Clipping

THE DAILY CHRONICLE - NOVEMBER 15, 1947

BODY DISCOVERED IN DOWNTOWN WAREHOUSE; POLICE BAFFLED

Authorities are investigating the mysterious death of a local businessman whose body was discovered early Thursday morning by a night watchman in the abandoned Cromwell warehouse district. Police Commissioner O'Brien stated that foul play is suspected but declined to comment further on the ongoing investigation. The victim, identified as Harold Morrison, 52, was last seen leaving the Starlight Lounge at approximately 11 PM Wednesday evening.

Venetian Blind Effects

Horizontal Blinds

Light filtering through the slats, casting prison-bar shadows across the room.

Diagonal Variant

The afternoon sun slanting through, painting everything in stripes of shadow and light.

Interrogation Light

Where Were You?

The harsh overhead light creates a cone of interrogation, leaving the rest of the room in menacing darkness.

CASE FILE 010 / PRINCIPLES

Design Philosophy

Contrast

Like the moral landscape of noir, design lives in stark contrasts. Deep blacks against harsh whites. Moments of color bleeding through the monochrome. Every element either in shadow or spotlight.

Atmosphere

The venetian blinds, the cigarette smoke, the single light source - these aren't decorations, they're the DNA of noir. Every shadow tells a story, every gradient suggests depth and danger.

Typography

The typewriter tells no lies - its letters stamped permanent on the page. Headlines scream from newspapers, while body text whispers secrets. Every font choice evokes the era.

Restraint

Noir isn't about excess - it's about what you don't show. The shadows matter as much as the light. Leave room for mystery. Let the viewer's imagination fill the darkness.