# Tier X — Out of this world (still doable) Wild, maximalist, otherworldly skins. They look "out there" but every rule below is concrete enough that AI can hit it on the first try. Paste a block into your prompt along with `_scaffold/content.html`. --- ## Vaporwave / outrun ``` Visual style: Vaporwave / outrun aesthetic Rules (must follow all): - palette restricted to magenta (#ff71ce), cyan (#01cdfe), deep purple (#3a0ca3), black - perspective grid floor using CSS transform: perspective() rotateX() - neon sunset gradient sky (orange → pink → purple) behind hero - wide letter-spacing uppercase display type - Roman bust or palm silhouette motif (use SVG or unicode 🗿 🌴) - VHS chromatic aberration on headings (cyan + magenta text-shadow offsets) Constraints: single self-contained index.html, inline CSS only, back link to ../../index.html ``` --- ## Holographic foil ``` Visual style: Holographic / iridescent foil sticker sheet Rules (must follow all): - conic-gradient iridescent backgrounds (pink, mint, lilac, sky cycling) - soft pastel palette only — no black, no pure white - rounded squircle panels (border-radius: 24px) with foil sheen overlay - headings use background-clip: text with the conic gradient - subtle blur and glow effects, no hard drop shadows - layout has sticker-like tilted elements (transform: rotate ±2–4deg) Constraints: single self-contained index.html, inline CSS only, back link to ../../index.html ``` --- ## Eldritch grimoire ``` Visual style: Eldritch grimoire / forbidden tome Rules (must follow all): - near-black aged parchment background (#1a1410 with paper texture via gradients) - two-ink palette: blood red (#8b0000) and bone white (#e8dcc4) - blackletter or uncial display font (UnifrakturCook, MedievalSharp, or Cinzel fallback) - circular sigil / pentagram ornaments as dividers (SVG or unicode ⛧ ☥ ✦) - ornate drop caps on first paragraph of each section - tentacle, vine, or thorn dividers between sections Constraints: single self-contained index.html, inline CSS only, back link to ../../index.html ``` --- ## Alien artifact console ``` Visual style: Alien artifact / unknown civilization console Rules (must follow all): - mix invented glyphs with English labels — use Runic unicode (ᚠ ᚱ ᚲ ᛇ ᛒ ᛟ) as decorative accents - obsidian black background with violet (#9d4edd) and teal (#5ce1e6) glow accents - angular polygonal panels using clip-path (no rectangles, no rounded corners) - asymmetric non-grid layout — panels float at different sizes and positions - thin 1px glowing strokes around panels (box-shadow with colored blur) - crystalline diamond / hex divider shapes between sections Constraints: single self-contained index.html, inline CSS only, back link to ../../index.html ``` --- ## Memphis 80s ``` Visual style: Memphis Group 1980s graphic design Rules (must follow all): - strict palette: hot pink, electric blue, yellow, black, white only - scattered geometric confetti decorations (dots, zigzags, squiggles, triangles) as background SVG/CSS - jazz-cup squiggle pattern as repeating background motif - chunky sans-serif headings (Archivo Black, Anton, or system-ui 900) - tilted asymmetric panels with thick (4–6px) black outlines - no gradients, no shadows — flat color blocks only Constraints: single self-contained index.html, inline CSS only, back link to ../../index.html ``` --- ## Stained glass cathedral ``` Visual style: Gothic stained glass cathedral window Rules (must follow all): - jewel-tone palette: ruby (#c9302c), sapphire (#1e3a8a), emerald (#0f766e), amber (#d97706) - thick (3–5px) black "lead came" borders between every panel and element - gothic pointed-arch panel shapes via border-radius + clip-path (rounded top, pointed apex) - conic or radial gradients inside each panel to fake glass refraction - serif blackletter or Cinzel-style display headings - symmetric layout with a rose-window centerpiece (radial pattern) in the hero Constraints: single self-contained index.html, inline CSS only, back link to ../../index.html ``` --- ## Deep sea bioluminescence ``` Visual style: Deep sea bioluminescence / abyssal trench Rules (must follow all): - near-black background with deep ocean radial gradient (#03101f → #01050c) - scattered glowing particle dots via radial-gradient pseudo-elements (cyan / violet / ice blue) - palette restricted to bioluminescent glows: cyan (#00ffd1), ice blue (#78b4ff), violet (#b464ff) - soft blurred halos on text and panels via text-shadow + box-shadow with colored glow - thin 1px borders only, every border has a colored glow — no hard lines - floating animation on a hero motif (jellyfish silhouette built from CSS shapes) Constraints: single self-contained index.html, inline CSS only, back link to ../../index.html ``` --- ## Soviet constructivism ``` Visual style: Soviet constructivism propaganda poster Rules (must follow all): - palette restricted to red (#c41e1e), black (#1a1a1a), cream (#e8e1d0) - heavy diagonal cuts and skewed panels (transform: skewX) - condensed display sans (Bebas Neue or Oswald) in ALL CAPS with wide tracking - asymmetric propaganda layout — large geometric blocks, off-center composition - circles, triangles, and solid bars as decorative motifs - no gradients, no shadows — flat color blocks only Constraints: single self-contained index.html, inline CSS only, back link to ../../index.html ``` --- ## Origami / folded paper ``` Visual style: Origami / folded paper craft Rules (must follow all): - every panel has angular polygon corners via clip-path (notched corners) - two-tone diagonal split inside each panel using linear-gradient to fake a paper crease - pastel paper palette only: cream, peach, sky blue, lavender, mustard - hard offset shadow (no blur) on every panel to mimic stiff paper depth - no rounded corners, no soft borders — every edge is sharp - triangular / arrow accents as decorative elements Constraints: single self-contained index.html, inline CSS only, back link to ../../index.html ``` --- ## Dreamcore liminal ``` Visual style: Dreamcore / liminal space (empty fluorescent hallway) Rules (must follow all): - washed pale yellow background (#f4e9c1) - vignette darkness around edges, warm glow from top (radial-gradient overlay) - oversized melancholic serif headings (DM Serif Display, 5–7rem) with long line-height - tiny monospace body text (Courier Prime) with wide letter-spacing and lots of whitespace - subtle flicker animation on the background overlay (1–2% opacity swings) - horizontal hairline dividers only — no boxes, panels, or shadows Constraints: single self-contained index.html, inline CSS only, back link to ../../index.html ``` --- ## Cassette futurism ``` Visual style: Cassette futurism (Alien LV-426, Apollo-era control panel) Rules (must follow all): - beige / cream plastic panel backgrounds (#c8b88c) - tactile beveled buttons using inset light highlight + inset dark shadow + hard drop shadow - black "dymo" embossed label strips with light cream text (Bebas Neue, wide tracking) - red/orange LED segment-style readouts (VT323 font) on pure black, with glow text-shadow - circular knob made with repeating-conic-gradient for the knurled edge - monospace body (Share Tech Mono), condensed sans for labels — no soft fonts Constraints: single self-contained index.html, inline CSS only, back link to ../../index.html ``` --- ## Y2K aqua ``` Visual style: Y2K Aqua / Mac OS X 10.0 / early 2000s glossy web Rules (must follow all): - pinstripe background (repeating horizontal 1px white lines) over a sky-blue gradient - glossy aqua gel buttons: linear-gradient(#7ec0ff → #3a8de8 50% → #1a64bf 51% → #4a9eea) + white inset highlight on top - frosted glass pill nav with border-radius: 999px and backdrop-filter: blur - white specular highlight on the top 50% of every panel (linear-gradient overlay) - cool blue palette only — no red, orange, or green accents - soft drop shadows + inset highlights everywhere (skeuomorphic) Constraints: single self-contained index.html, inline CSS only, back link to ../../index.html ```