PromptWeb Logo

"Braise Ardente" pour RoastMyUrl

by Mehdik
12/28/2025
"Braise Ardente" pour RoastMyUrl
Featured
by Mehdik
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!

Site by Mehdik
Featured

by Mehdik

Comments

Sign in to comment

Sign in

No comments yet. Be the first to share your thoughts!