Superdesign — Obsidian & Lime — Référence de design web et prompt

# SUPERDESIGN — "OBSIDIAN & LIME" GLASSMORPHISM LANDING PAGE

BUILD A PIXEL-FAITHFUL, SINGLE-PAGE MARKETING LANDING SITE FOR A FICTIONAL AI DESIGN TOOL CALLED **SUPERDESIGN**, USING THE FUTURISTIC *OBSIDIAN & LIME* GLASSMORPHISM DESIGN SYSTEM: HIGH CONTRAST, BLURRED TRANSPARENCY, TECH-INDUSTRIAL TYPOGRAPHY, A FLOATING-SHELL ARCHITECTURE, A BENTO-GRID FEATURE SECTION, AND A HIGH-CONTRAST LIGHT "METHODOLOGY" SECTION. REPRODUCE THE REFERENCE EXACTLY — SAME COPY, SAME LAYOUT, SAME COLORS, SAME COMPONENTS.

# SUMMARY

A FUTURISTIC 'OBSIDIAN & LIME' GLASSMORPHISM DESIGN SYSTEM CHARACTERIZED BY HIGH CONTRAST, BLURRED TRANSPARENCY, AND TECH-INDUSTRIAL TYPOGRAPHY. IT USES A FLOATING ROUNDED-SHELL CONTAINER, A BENTO-GRID FEATURE LAYOUT, AND FLOATING GLASS CARDS TO CREATE A MULTI-LAYERED, INTERACTIVE EXPERIENCE.

# STYLE

DARK-MODE-FIRST. OBSIDIAN BASE WITH HIGH-VIBRANCY LIME ACCENTS. 'SPACE GROTESK' FOR HEADINGS/BODY AND 'JETBRAINS MONO' FOR TECHNICAL LABELS/METADATA. GLASSMORPHISM = SUBTLE WHITE OVERLAYS (~3% OPACITY) + INTENSE 16PX+ BACKGROUND BLUR. VISUAL DEPTH VIA GRAINY NOISE SVG TEXTURE, A 60×60PX LINEAR-GRADIENT GRID PATTERN, AND LARGE RADIAL "GLOW-SPHERE" GRADIENTS WITH HEAVY BLUR.