Superdesign — Modern Atmospheric — Référence de design web et prompt

# SUPERDESIGN — "MODERN ATMOSPHERIC" VIBE-DESIGN LANDING PAGE

BUILD A PIXEL-FAITHFUL, SINGLE-PAGE MARKETING LANDING SITE FOR THE AI DESIGN TOOL **SUPERDESIGN**, USING THE *MODERN ATMOSPHERIC* DESIGN SYSTEM: DEEP SLATE ATMOSPHERIC BACKGROUNDS, A CLEAN GRID-BASED FEATURE LAYOUT, GLASS PANELS, VIBRANT INDIGO ACCENTS, AND ANIMATED GLOW GRADIENTS. THE TONE IS FUTURISTIC AND PREMIUM. REPRODUCE THE REFERENCE SAME-TO-SAME — SAME COPY, SAME LAYOUT, SAME COLORS, SAME COMPONENTS, SAME MOTION.

# SUMMARY

A SOPHISTICATED, VIBE-CENTRIC DESIGN SYSTEM THAT BLENDS DEEP SLATE ATMOSPHERIC BACKGROUNDS WITH A CLEAN, GRID-BASED FEATURE LAYOUT. IT USES A MIX OF 'INTER' (SANS) FOR UTILITY, 'LORA' (SERIF) FOR EMOTIONAL HEADLINES, AND 'SPACE GROTESK' FOR A TECHNICAL EDGE. THE VISUAL IDENTITY RELIES ON GLASS PANELS (BLUR 12PX), VIBRANT INDIGO ACCENTS (#6366F1), AND ANIMATED GLOW GRADIENTS TO CREATE A FUTURISTIC, PREMIUM FEEL.

# STYLE

THE STYLE IS 'MODERN ATMOSPHERIC'. IT PAIRS DARK, DEEP BACKGROUNDS (#0F172A) IN THE HERO AND TESTIMONIALS WITH CLEAN, OFF-WHITE SURFACES (#F8F9FA) FOR DETAILED FEATURES. TYPOGRAPHY IS A CRITICAL PILLAR, USING A SERIF FONT (LORA) FOR LARGE, EXPRESSIVE HEADLINES AND A HIGH-LEGIBILITY SANS (INTER) FOR BODY TEXT. ANIMATIONS ARE SUBTLE BUT INTENTIONAL: TYPING CURSORS, 180-DEGREE LOGO ROTATIONS ON HOVER, AND 500MS SMOOTH TRANSITIONS FOR STICKY NAVIGATION STATES.