CURATED · OPEN · FREE

Bloomberg

A functional security interstitial for Bloomberg's news platform, using minimal monochrome design.

editorialnews

Open in OpenDesign

Visit: https://www.bloomberg.com

Identity DNA

financialnewsauthoritativefunctionalsecurity

A stark security checkpoint for a premium news service

Color

#1a1a1aInk

#333333Ink soft

#f2f2f2BG

#ffffffBG soft

#666666Muted

rgba(0, 0, 0, 0.15)Line

Strict monochrome palette with white cards for functional clarity

Typography

grotesque-sans · monospace

display20px · 700
body15px · 400
label14px · 700

Use bold weight for headings and button text · Maintain tight line-height for compact functional text · Preserve standard letter-spacing for readability

Spacing

4px

8px

16px

24px

32px

48px

64px

Standard 8px base grid with functional spacing

Surfaces

sm · 4px

md · 8px

lg · 12px

pill · 999px

1px solid rgba(0,0,0,0.15) for cards and button outlines

Layout

1000container

1columns

24pxgutter

768breakpoints

Single-column centered layout with stacked card modules

Motion & Interaction

0msmicro

0mssmall

0msmedium

lineareasing

No visible hover states in screenshot · Press-and-hold button interaction required

Components

button Large pill-shaped outline button with uppercase text and solid black fill variant
card White rectangular cards with subtle border and generous padding
input Reference ID displayed in monospace font with light background
hero Warning message card with press-and-hold interaction button

Voice & Don'ts

Tone authoritative and direct
Headlines Bold declarative statements about security
CTAs ALL CAPS action-oriented text

don't use color accents — screenshot shows strictly monochrome design
don't add decorative graphics — screenshot shows purely functional layout
don't use rounded cards with heavy shadows — screenshot shows subtle borders
don't create playful interactions — screenshot shows serious press-and-hold verification
don't use serif typography — screenshot shows sans-serif throughout
don't add gradients — screenshot uses flat solid colors only
Avoid: Friendly or casual language
Avoid: Decorative elements
Avoid: Ambiguous instructions

System prompt

Bloomberg security interstitial page with stark monochrome design. Positioned as functional verification for premium financial news platform. Uses only black, white, and gray hex values (#1a1a1a, #ffffff, #f2f2f2). Typography is clean grotesque-sans with bold weights for hierarchy. Critical donts: no color accents, no decorative elements, no playful interactions. This represents Bloomberg's functional design language for security scenarios.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗

en · zh-CN · zh-TW · ja · ko