# Oversized Display Type Interface

Bold, minimalist UI with oversized, cropped typography as the primary visual element on a dark background.

| | |
|---|---|
| Style | Oversized Display Type Interface |
| Category | UI/UX |
| Tags | bold typography, minimalist ui, dark mode, high contrast, experimental ui, flat design, geometric, swiss style, ecommerce ui, motion design |
| Author | @styleref (https://styleref.io/u/styleref) |
| Palette | #0e0e0e #f3f0e9 #d6ff3d #1b1b1b #9a9a94 #2a2a2a |
| Published | 2026-08-24 |
| Canonical URL | https://styleref.io/share/9q8fjh5s-7b3269deccb3 |

## Specification

Paste this into any AI tool. Keep the attribution line and the canonical URL.

STYLE REFERENCE — HARD CONSTRAINT (HIGHEST PRIORITY)

This style must be applied to ALL generated content (text, image, video).
If any part of the request conflicts with this style, the style OVERRIDES the request.
STYLE DEFINITION (to be operationally enforced):

Oversized Display Type Interface

 • Output Format: Creative discipline: UI/UX; Digital; Delivery mode: Interactive; Web; Presentation: Raw UI.
 • Container / Boundary: Container: None; Container Dominance: Invisible (purely functional); Padding: Tight; Edge Behavior: Clipped elements.
 • Mood & Personality: Bold, Confident, Minimalist, Clean, Experimental; Energy: High-Octane; Emotional bias: Positive; Tone register: Performative; Representation mode: Literal; Real-world accuracy: Stylized.
 • Colors: Palette: Solid Colors: [ #0E0E0E 62% (Ground),  #F3F0E9 30% (Display type),  #D6FF3D 4% (Accent word or control),  #1B1B1B 2% (Supporting panel),  #9A9A94 1% (Secondary text),  #2A2A2A 1% (Rules),  #F3F0E9 (Inverse mode: Bone ground)]; 6–8 colors; Neutral temperature; Saturation: Electric; High contrast; No gradients; Color dominance: Single dominant color; Black/White point: Pure black + Pure white; Accessibility: WCAG AA.
 • Typography: Display / Decorative or Grotesque; Bold, Extra Bold; Text case: ALL CAPS or tight lowercase; Font pairing: Single family; Hierarchy: Expressive / Art-directed; Type scale: Responsive; Tight (1.1); Letter spacing: Tight; Text presence: Required; Text visual role: Primary visual driver; Text integration: Embedded in shapes.
 • Light & Shadow: Lighting presence: None (flat).
 • Spatial Structure & Hierarchy: Flat perspective; Single focal structure; Hierarchy: Strong; Symmetry: Asymmetrical balance; Balance: Edge-weighted; Layout axis: Horizontal; Plane separation: Scale; Scale relationship: Monumental; Grid system: Free-form; Visual density: Airy.
 • Surface, Material & Detail: Surface treatment: Flat; Texture usage: None; Transparency: Opaque; Imperfection level: Flawless.
 • Camera and Motion: Transition: Slide; Sequencing: Sequential; Title animation: Scroll-masked, one line at a time.
 • Shape Language: Geometric; Primitive dominance: Rectangles; Edge sharpness: Razor-sharp; Silhouette clarity: Iconic; Negative space usage: Minimal.
 • Voice & Language: Formality: Casual; Simple vocabulary; Directness: Blunt; Three-to-five-word headline; one-sentence body copy sentences; Perspective: Second person (you); Pacing: Staccato; Jargon level: None.
 • Post-processing & Render Style: Image treatment: Masked.
 • Background & Environment: Background type: Solid color; Environment mood: Abstract; Background–Subject: Contrasting; Background complexity: Minimal.
 • References: Swiss/International Style; Temporal reference: Contemporary; Reference Brands: Awwwards-era studio sites; fashion e-commerce.
 • UI & Web: Color theme: Dark; Background tone: Near-black; Accent strategy: Single functional accent; Layout archetype: Marketing page; Content width: Full-bleed; Surface layers: Flat (one background); Elevation: Flat — no elevation; Borders: Borderless; Corner radius scale: Sharp (0px); Card style: No cards (flat sections); Icon style: Flat geometric; Navigation: Top bar; Nav style: Hidden on scroll down; UI imagery: Photography; Hover: Headline letter-spacing shift; Animation: Expressive; Transition speed: Instant; Scroll behavior: Scroll-triggered reveals; Focus ring: Colored outline.
 • Guardrails: Avoid: Stylistic filters, Heavy Bokeh / Blur, Lens Flare; Avoid Visuals: lightweight display type; busy backgrounds behind display type; decorative illustration; oversized icons; competing type scales; Avoid Colors: gradient overlays; multiple competing accent colors; Avoid Layouts: centered display type on busy backgrounds; body copy scaled to compete with headlines; Allowed Visuals: oversized cropped typography; quiet solid fields; one acid accent word; small minimal icons; photography as supporting plate or clipped letterform fill.
 •  Display Scale: Headlines occupy 12–20% of viewport height and dominate the first screen., Crop Discipline: Deliberately crop one word at the frame; allow descenders to cut against the fold., Hierarchy Ratio: Keep body copy intentionally small; supporting content lives in a narrow bottom or side strip., Below-Fold Reset: Shift to a normal-width, calmer content container below the hero..


ENFORCEMENT RULE: Before finalizing the output, internally verify that ALL elements comply with the style definition above. If compliance is uncertain, simplify or soften the output until it fully matches the style. Generated by StyleRef.io

## Other formats and live access

The specification above is the portable default. Tool-specific builds and a
ready-to-commit STYLE.md are available without a login:

**REST** (anonymous, read-only)

```
https://styleref.io/api/v1/styles/9q8fjh5s-7b3269deccb3?format=flux        # also: midjourney, diffusion, json
https://styleref.io/api/v1/styles/9q8fjh5s-7b3269deccb3/style.md           # a ready-to-commit STYLE.md
```

**MCP** (Streamable HTTP at `https://styleref.io/api/mcp`)

```
styleref://gallery/9q8fjh5s-7b3269deccb3
styleref://gallery/9q8fjh5s-7b3269deccb3/style.md
```

Or call the `get_style` tool with `ref` set to the slug above, and
`apply_style_to_prompt` to wrap a request for a specific tool.

Attribution: this style was created by @styleref. Keep the `Generated by StyleRef.io`
line and the canonical URL when you use a compiled spec, and credit the author.

Source: https://styleref.io/share/9q8fjh5s-7b3269deccb3