Luxurysystem

Gothic Revival

84
🔥 Certified BangerThis prompt produces genuinely distinct output

Generates UI with the drama of cathedral architecture — deep purples and blacks, gold tracery details, pointed arch motifs, and the solemn grandeur of medieval illuminated manuscripts meets modern dark UI.

gothicdark modegoldornamentaldramatic

Added February 16, 2026 by unslop.dev

Example output

Illuminated card

✦ Proclamation

The Architecture of Enduring Interfaces

Great design, like great architecture, outlasts the fashions that surrounded its creation. Build with stone, not with straw.

Anno MMXXVI
View code
<div style="padding: 2rem; background: #0d0a14;">
  <div style="max-width: 24rem; background: #130f1e; border: 1px solid rgba(201,168,76,0.2); padding: 0; box-shadow: 0 4px 24px rgba(0,0,0,0.4), 0 0 1px rgba(201,168,76,0.1);">
    <div style="height: 2px; background: linear-gradient(90deg, transparent, #c9a84c, transparent);"></div>
    <div style="padding: 1.5rem;">
      <p style="font-family: Palatino, Georgia, serif; font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.2em; color: #c9a84c; margin: 0 0 0.875rem 0;">✦ Proclamation</p>
      <h3 style="font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif; font-size: 1.25rem; font-weight: 600; color: #dcd0c0; margin: 0 0 0.625rem 0; line-height: 1.3;">The Architecture of Enduring Interfaces</h3>
      <p style="font-family: 'Palatino Linotype', Georgia, serif; font-size: 0.8125rem; color: #9a8e78; line-height: 1.7; margin: 0 0 1.25rem 0;">Great design, like great architecture, outlasts the fashions that surrounded its creation. Build with stone, not with straw.</p>
      <div style="border-top: 1px solid rgba(201,168,76,0.12); padding-top: 1rem; display: flex; justify-content: space-between; align-items: center;">
        <span style="font-family: Palatino, Georgia, serif; font-size: 0.6875rem; color: #5a5248;">Anno MMXXVI</span>
        <button style="background: transparent; border: 1px solid rgba(201,168,76,0.35); color: #c9a84c; padding: 0.375rem 1rem; font-family: 'Palatino Linotype', Georgia, serif; font-size: 0.75rem; cursor: pointer; letter-spacing: 0.05em;">Read More</button>
      </div>
    </div>
  </div>
</div>

Ornamental navigation

── ◆ ──
── ◆ ──
View code
<div style="padding: 2rem; background: #0d0a14;">
  <div style="max-width: 32rem;">
    <div style="text-align: center; margin-bottom: 1.5rem;">
      <span style="font-family: Palatino, Georgia, serif; font-size: 0.6875rem; color: rgba(201,168,76,0.4); letter-spacing: 0.3em;">── ◆ ──</span>
    </div>
    <div style="display: flex; justify-content: center; gap: 2rem; align-items: center;">
      <a style="font-family: 'Palatino Linotype', Georgia, serif; font-size: 0.8125rem; color: #c9a84c; text-decoration: none; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 600;">Archives</a>
      <span style="color: rgba(201,168,76,0.2);">│</span>
      <a style="font-family: 'Palatino Linotype', Georgia, serif; font-size: 0.8125rem; color: #9a8e78; text-decoration: none; letter-spacing: 0.08em; text-transform: uppercase;">Scriptorium</a>
      <span style="color: rgba(201,168,76,0.2);">│</span>
      <a style="font-family: 'Palatino Linotype', Georgia, serif; font-size: 0.8125rem; color: #9a8e78; text-decoration: none; letter-spacing: 0.08em; text-transform: uppercase;">Codex</a>
      <span style="color: rgba(201,168,76,0.2);">│</span>
      <a style="font-family: 'Palatino Linotype', Georgia, serif; font-size: 0.8125rem; color: #9a8e78; text-decoration: none; letter-spacing: 0.08em; text-transform: uppercase;">Vespers</a>
    </div>
    <div style="text-align: center; margin-top: 1.5rem;">
      <span style="font-family: Palatino, Georgia, serif; font-size: 0.6875rem; color: rgba(201,168,76,0.4); letter-spacing: 0.3em;">── ◆ ──</span>
    </div>
  </div>
</div>

Wine-dark alert

◆

A Warning from the Tower

The authentication token has expired. Your session requires renewal before the next bell.

View code
<div style="padding: 2rem; background: #0d0a14;">
  <div style="max-width: 28rem; background: #130f1e; border: 1px solid rgba(124,29,62,0.4); padding: 1.25rem 1.5rem; box-shadow: 0 4px 20px rgba(124,29,62,0.15); display: flex; gap: 1rem; align-items: flex-start;">
    <span style="font-family: Palatino, Georgia, serif; font-size: 1.125rem; color: #7c1d3e; flex-shrink: 0; margin-top: 0.0625rem;">◆</span>
    <div>
      <p style="font-family: 'Palatino Linotype', Georgia, serif; font-size: 0.875rem; font-weight: 600; color: #e8dcc8; margin: 0 0 0.375rem 0;">A Warning from the Tower</p>
      <p style="font-family: 'Palatino Linotype', Georgia, serif; font-size: 0.8125rem; color: #9a8e78; line-height: 1.6; margin: 0 0 0.875rem 0;">The authentication token has expired. Your session requires renewal before the next bell.</p>
      <div style="display: flex; gap: 0.75rem;">
        <button style="background: #7c1d3e; color: #e8dcc8; border: none; padding: 0.375rem 1rem; font-family: 'Palatino Linotype', Georgia, serif; font-size: 0.75rem; cursor: pointer; letter-spacing: 0.05em;">Renew Session</button>
        <button style="background: transparent; color: #5a5248; border: none; padding: 0.375rem 0.5rem; font-family: 'Palatino Linotype', Georgia, serif; font-size: 0.75rem; cursor: pointer;">Dismiss</button>
      </div>
    </div>
  </div>
</div>

Pricing triptych

── ◆ ──

Orders of Patronage

Choose your level of devotion to the craft

Novice

$0

per lunar cycle

◆ 3 manuscripts
◆ Public scriptorium
◆ Basic illumination

✦ Illuminator

$29

per lunar cycle

◆ Unlimited manuscripts
◆ Private chamber
◆ Gold leaf access

Archon

$99

per lunar cycle

◆ All of Illuminator
◆ Council audience
◆ Custom reliquaries
View code
<div style="padding: 2rem; background: #0d0a14;">
  <div style="max-width: 38rem;">
    <div style="text-align: center; margin-bottom: 1.5rem;">
      <span style="font-family: Palatino, Georgia, serif; font-size: 0.6875rem; color: rgba(201,168,76,0.4); letter-spacing: 0.3em;">── ◆ ──</span>
      <h2 style="font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif; font-size: 1.5rem; font-weight: 600; color: #dcd0c0; margin: 0.75rem 0 0.375rem 0;">Orders of Patronage</h2>
      <p style="font-family: 'Palatino Linotype', Georgia, serif; font-size: 0.8125rem; color: #5a5248;">Choose your level of devotion to the craft</p>
    </div>
    <div style="display: flex; gap: 0;">
      <div style="flex: 1; background: #130f1e; border: 1px solid rgba(201,168,76,0.15); padding: 1.5rem; text-align: center;">
        <p style="font-family: Palatino, Georgia, serif; font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.25em; color: #5a5248; margin: 0 0 0.75rem 0;">Novice</p>
        <p style="font-family: 'Palatino Linotype', Georgia, serif; font-size: 2rem; font-weight: 600; color: #dcd0c0; margin: 0;">$0</p>
        <p style="font-family: Palatino, Georgia, serif; font-size: 0.6875rem; color: #5a5248; margin: 0.25rem 0 1.25rem 0;">per lunar cycle</p>
        <div style="font-family: 'Palatino Linotype', Georgia, serif; font-size: 0.75rem; color: #9a8e78; line-height: 2.2; text-align: left;">◆ 3 manuscripts<br>◆ Public scriptorium<br>◆ Basic illumination</div>
        <button style="width: 100%; background: transparent; border: 1px solid rgba(201,168,76,0.3); color: #c9a84c; padding: 0.5rem; font-family: 'Palatino Linotype', Georgia, serif; font-size: 0.75rem; cursor: pointer; margin-top: 1.25rem; letter-spacing: 0.05em;">Enter</button>
      </div>
      <div style="flex: 1; background: #1a1528; border: 1px solid rgba(201,168,76,0.4); padding: 1.5rem; text-align: center; position: relative;">
        <div style="position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, #c9a84c, transparent);"></div>
        <p style="font-family: Palatino, Georgia, serif; font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.25em; color: #c9a84c; margin: 0 0 0.75rem 0;">✦ Illuminator</p>
        <p style="font-family: 'Palatino Linotype', Georgia, serif; font-size: 2rem; font-weight: 600; color: #c9a84c; margin: 0;">$29</p>
        <p style="font-family: Palatino, Georgia, serif; font-size: 0.6875rem; color: #5a5248; margin: 0.25rem 0 1.25rem 0;">per lunar cycle</p>
        <div style="font-family: 'Palatino Linotype', Georgia, serif; font-size: 0.75rem; color: #dcd0c0; line-height: 2.2; text-align: left;">◆ Unlimited manuscripts<br>◆ Private chamber<br>◆ Gold leaf access</div>
        <button style="width: 100%; background: #c9a84c; border: none; color: #0d0a14; padding: 0.5rem; font-family: 'Palatino Linotype', Georgia, serif; font-size: 0.75rem; cursor: pointer; margin-top: 1.25rem; font-weight: 600; letter-spacing: 0.05em;">Ascend</button>
      </div>
      <div style="flex: 1; background: #130f1e; border: 1px solid rgba(124,29,62,0.3); padding: 1.5rem; text-align: center;">
        <p style="font-family: Palatino, Georgia, serif; font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.25em; color: #7c1d3e; margin: 0 0 0.75rem 0;">Archon</p>
        <p style="font-family: 'Palatino Linotype', Georgia, serif; font-size: 2rem; font-weight: 600; color: #dcd0c0; margin: 0;">$99</p>
        <p style="font-family: Palatino, Georgia, serif; font-size: 0.6875rem; color: #5a5248; margin: 0.25rem 0 1.25rem 0;">per lunar cycle</p>
        <div style="font-family: 'Palatino Linotype', Georgia, serif; font-size: 0.75rem; color: #9a8e78; line-height: 2.2; text-align: left;">◆ All of Illuminator<br>◆ Council audience<br>◆ Custom reliquaries</div>
        <button style="width: 100%; background: #7c1d3e; border: none; color: #e8dcc8; padding: 0.5rem; font-family: 'Palatino Linotype', Georgia, serif; font-size: 0.75rem; cursor: pointer; margin-top: 1.25rem; letter-spacing: 0.05em;">Petition</button>
      </div>
    </div>
  </div>
</div>

Manuscript detail page

← Return to Archives
❧
Codex Typography

On the Geometry of Sacred Letterforms

An examination of the mathematical proportions underlying the great uncial scripts, and their application to the design of modern typefaces that carry the weight of centuries.

Scribe

Brother Aldric

Inscribed

XVI Feb MMXXVI

Reading

12 minutes

View code
<div style="padding: 2rem; background: #0d0a14;">
  <div style="max-width: 28rem;">
    <div style="margin-bottom: 1.5rem;">
      <span style="font-family: Palatino, Georgia, serif; font-size: 0.625rem; color: #5a5248; letter-spacing: 0.1em;">← Return to Archives</span>
    </div>
    <div style="height: 120px; background: #1a1528; border: 1px solid rgba(201,168,76,0.15); display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;">
      <span style="font-family: Palatino, Georgia, serif; font-size: 3rem; color: rgba(201,168,76,0.15);">❧</span>
    </div>
    <div style="display: flex; gap: 0.5rem; margin-bottom: 1rem;">
      <span style="font-family: Palatino, Georgia, serif; font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.15em; color: #c9a84c; border: 1px solid rgba(201,168,76,0.25); padding: 0.125rem 0.5rem;">Codex</span>
      <span style="font-family: Palatino, Georgia, serif; font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.15em; color: #5a5248; border: 1px solid rgba(90,82,72,0.25); padding: 0.125rem 0.5rem;">Typography</span>
    </div>
    <h1 style="font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif; font-size: 1.75rem; font-weight: 600; color: #dcd0c0; margin: 0 0 0.75rem 0; line-height: 1.25;">On the Geometry of Sacred Letterforms</h1>
    <p style="font-family: 'Palatino Linotype', Georgia, serif; font-size: 0.875rem; color: #9a8e78; line-height: 1.75; margin: 0 0 1.5rem 0;">An examination of the mathematical proportions underlying the great uncial scripts, and their application to the design of modern typefaces that carry the weight of centuries.</p>
    <div style="border-top: 1px solid rgba(201,168,76,0.1); padding-top: 1rem; display: flex; gap: 2rem;">
      <div>
        <p style="font-family: Palatino, Georgia, serif; font-size: 0.5625rem; text-transform: uppercase; letter-spacing: 0.2em; color: #5a5248; margin: 0 0 0.25rem 0;">Scribe</p>
        <p style="font-family: 'Palatino Linotype', Georgia, serif; font-size: 0.8125rem; color: #dcd0c0; margin: 0;">Brother Aldric</p>
      </div>
      <div>
        <p style="font-family: Palatino, Georgia, serif; font-size: 0.5625rem; text-transform: uppercase; letter-spacing: 0.2em; color: #5a5248; margin: 0 0 0.25rem 0;">Inscribed</p>
        <p style="font-family: 'Palatino Linotype', Georgia, serif; font-size: 0.8125rem; color: #dcd0c0; margin: 0;">XVI Feb MMXXVI</p>
      </div>
      <div>
        <p style="font-family: Palatino, Georgia, serif; font-size: 0.5625rem; text-transform: uppercase; letter-spacing: 0.2em; color: #5a5248; margin: 0 0 0.25rem 0;">Reading</p>
        <p style="font-family: 'Palatino Linotype', Georgia, serif; font-size: 0.8125rem; color: #dcd0c0; margin: 0;">12 minutes</p>
      </div>
    </div>
  </div>
</div>

System prompt

Copy this into your AI system prompt
You generate UI in a Gothic Revival aesthetic — the dramatic visual language of medieval cathedrals, illuminated manuscripts, and ecclesiastical ornamentation translated into dark digital interfaces. Deep violet-blacks, antique gold tracery, vertical emphasis, pointed arch motifs, and an atmosphere of solemn grandeur. Every interface feels like it was designed by monks with Figma.

VISUAL RULES:
- Background: Deep ecclesiastical dark. #0d0a14 for page, #130f1e for panels, #1a1528 for elevated surfaces. Always tinted toward purple/violet, never neutral gray.
- Gold accent: Antique gold (#c9a84c) as the primary accent. Used for borders, highlights, icons, and ornamental details. Not bright yellow — warm, aged, precious.
- Secondary: Deep wine red (#7c1d3e) for alerts, danger states, and rich accents. Ecclesiastical crimson.
- Tertiary: Pale parchment (#e8dcc8) for high-contrast text moments. Like vellum.
- Text: Warm off-white (#dcd0c0) for primary, muted gold-gray (#9a8e78) for secondary, dimmed (#5a5248) for tertiary.
- Typography: Serif for headings — `font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif`. Body in a refined sans-serif or the same serif at lighter weight. Headings should feel like inscriptions.
- Borders: 1px solid gold at low opacity: `border: 1px solid rgba(201,168,76,0.2)`. Key elements get brighter gold borders.
- Border radius: Small or none. 4px max on cards, 2px on buttons. Gothic architecture is angular and vertical.
- Spacing: Vertical emphasis. Tall, narrow panels. Generous vertical padding (py-6+), tighter horizontal. Content flows downward like a nave.
- Ornamental details: Use Unicode decorative characters for dividers: `❧ ✦ ◆ │ ┃`. Thin gold lines as dividers. Corner flourishes with border details.
- Shadows: Deep and dramatic. `box-shadow: 0 4px 24px rgba(0,0,0,0.4), 0 0 1px rgba(201,168,76,0.1)`.

SPECIFIC PATTERNS:
- Cards: Dark purple bg (#130f1e), 1px gold/20 border, subtle gold shadow. Optional thin gold line at top (2px) as crown detail.
- Buttons primary: bg-gold with dark text. `background: #c9a84c; color: #0d0a14`. Uppercase, tracked, serif font. Small and dignified.
- Buttons secondary: Transparent bg, 1px gold/40 border, gold text. Hover: gold fill at 10% opacity.
- Headers: Serif, larger tracking, optionally with decorative elements (❧ or ◆) flanking the text.
- Dividers: Thin gold line with centered ornament: `— ◆ —` or `── ❧ ──`.
- Badges: Small, dark bg with gold border and gold text. Uppercase serif.
- Lists: Use ◆ or ✦ as bullet points in gold.

ANTI-PATTERNS:
- No bright or neon colors. Everything is muted, aged, precious.
- No rounded corners larger than 4px. Gothic is angular.
- No playful or bubbly elements. Maintain gravitas.
- No sans-serif headings. Serif is mandatory for display text.
- No light mode. This aesthetic demands darkness.
- No gradients except very subtle gold shimmer effects.
- No emoji. Use Unicode ornaments (❧ ✦ ◆) instead.

Related prompts

Act III

Every shadow has
a secret

"In this city, the truth is just another thing someone lost. If you're lucky, you find it before it finds you."

Luxury

Noir Cinema

🔥85system

Generates UI with film noir atmosphere — high-contrast black and white with blood-red accents, dramatic shadows, venetian blind light patterns, and the dangerous elegance of a 1940s detective thriller.

The Gallery Presents

Botanical Dreams

An exploration of natural forms in decorative art, featuring works from the golden age of organic design.

—— ✦ ——

March 12 – April 28, 1898

Luxury

Art Nouveau

🔥86system

Generates UI inspired by the Art Nouveau movement — sinuous organic curves, botanical motifs, whiplash lines, Mucha-style decorative borders, and the belief that art should permeate every designed surface.

⚓ Ship's Log Entry #1,247

Crossing the Meridian

Clear skies, Force 4 winds from the northwest. Made 142 nautical miles since last entry. All hands report satisfactory conditions.

Position

41°24'N 72°58'W

Heading

247° WSW

Speed

8.2 kn

Luxury

Maritime Nautical

🔥78system

Generates UI with naval precision — deep navy, brass gold, white rope borders, compass roses, and the ordered elegance of a ship captain's chart room. Every interface is seaworthy.