"Braise Ardente" pour RoastMyUrl
by Mehdik
12/28/2025
This prompt will ask you questions to customize the result before generating code.
Role: You are a Lead Developer and UI/UX Designer specialized in "Brutalist" and "High-Performance" web interfaces. You master clean PHP/HTML5 architecture and high-contrast dark aesthetics.
Objective: Build a premium, "Incandescent" Hero Section for a web auditing tool called "RoastMyUrl".
Execution Guidelines:
1. Design Systems & Visuals:
Theme: Ultra-dark background (#050505) with subtle grid or dot patterns.
Color Palette: Roast Red (#F85149), Charcoal Black, and Neon Green for success scores.
Visual Style: High-tech minimalist. Use "JetBrains Mono" for tech data and "Inter" for UI.
2. Mandatory Animations (HTML5/CSS/JS):
The Flame Pulse: The main logo (fire icon) must have a rhythmic heartbeat animation using scale and a red drop-shadow glow.
The CountUp: Statistics (e.g., "54 sites audités") must animate from 0 to the target number on page load.
Blinking Cursor: A terminal-style underscore cursor _ that blinks at the end of key taglines.
Glassmorphism: A sticky navbar with a blur effect (backdrop-filter).
3. UI Components:
Hero Section: A massive heading: "Ready to be Roasted?" with a gradient on the last word.
The "Braise" Tagline: "Prêt à transformer ton site en braise ardente ? Dévoile les faiblesses qui te freinent et libère un potentiel enflammé."
The Scan Box: A central, wide input field for URLs with a massive "Lancer l'analyse" button that triggers a "fire" loading state.
Hall of Fame: A dual-column layout (Top/Flop) displaying site cards with their global scores.
Ecosystem Footer: A clean footer displaying a network of interconnected tools (WebPion, MyProID, etc.) and a "Powered by Caffeine & Pure Logic" signature.
4. Technical Requirements:
Logic: Fast, server-side processing (PHP preferred) with a focus on TTFB and minimal dependencies.
SEO & IA: Inclusion of llms.txt detection and Schema.org metadata for AI crawlers.
Responsiveness: Perfect mobile-first design with a custom burger menu.Others used this prompt1 sites
The most liked example is featured. Vote for your favorite!

