Temas & Verticais Contemporary Gothic Revival

Gótico Moderno

Modern gothic landing page. Ideal for landing pages, saas. AI-ready template.

modern gothicdarkelegantedgyromanticintricatehigh-contrastmoodysophisticatedarchitectural

Use case: Landing pages, SaaS

Gótico Moderno

Historical Context

Modern gothic design has nothing to do with haunted houses. Let's get that out of the way. It descends from a lineage that runs through Bauhaus severity, post-punk album art, and the razor-sharp tailoring of Japanese avant-garde fashion. Rick Owens didn't invent darkness — he gave it architecture. Comme des Garçons gave it asymmetry. The movement treats black not as absence but as material, something with weight and texture and temperature. The fashion-music crossover is where this language solidified. Album packaging for bands like Bauhaus and Siouxsie, the typography of Factory Records, the brutalist stage design of industrial acts — these weren't aesthetic choices, they were philosophical ones. Restraint as rebellion. Elegance as aggression. This is categorically different from "dark mode." Dark mode is a preference toggle. Modern gothic is a worldview. Where dark mode reduces contrast to ease eye strain, gothic design weaponizes contrast. It uses negative space like silence in music — not empty, but loaded. The palette isn't just dark; it's considered. Charcoal against obsidian. Bone white as punctuation. Every element earns its presence or gets cut.

When to Use

When the brand identity demands weight. Fashion editorials, music platforms, luxury goods that reject approachability as a value. Alternative culture projects where lightness would read as dishonest. Dark luxury — not dark convenience. Use it when your audience already lives in this world and would distrust anything that looks friendly. Not appropriate for products that need to feel accessible or warm. This is for brands that want to be respected before they're liked.

Design Principles

  • Black is a material, not a background — treat dark surfaces with the same intentionality as color, varying depth through texture, sheen, and subtle value shifts
  • Contrast is violence — use it deliberately, sparingly, and always with purpose; a single white element on black should hit like a cymbal crash
  • Typography carries the architecture — lean on sharp serifs, extreme weights, and generous tracking; the letterforms themselves become structural
  • Negative space is tension — resist filling; the emptiness between elements creates the drama that decoration never could
  • Restraint over ornamentation — every added element dilutes the power; if something doesn't intensify the composition, it weakens it

Technical Specs

Colors

Primary

#1A1A1A
#8B0000
#C0C0C0
#F5F5F5

Secondary

#480048
#228B22
#FFFFFF

Effects

High-contrast typography, intricate line art, modern blackletter fonts, dramatic photography, subtle smoke effects, sharp architectural lines, romantic floral elements, elegant animations

Light/Dark

✗ No / ✓ Full

DESIGN.md

AI Prompt

Related

Last synced: 4/1/2026