Prompt Details
Model
(gemini-3.7-flash)
Token size
310
Example input
[Niche]: UI/UX Design Studio
[Brand]: STUDIO
Example output
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>STUDIO. | Creative Portfolio</title>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body class="site-loaded">
<header class="site-header">
<div class="site-logo"><span class="brand-text">STUDIO<span>.</span></span></div>
<nav class="site-nav">
<a href="index.html" class="active">Home</a><a href="about.html">About</a><a href="services.html">Services</a><a href="blog.html">Blog</a><a href="contact.html">Contact</a>
</nav>
<div class="menu-toggle" id="open-drawer"><span></span><span></span></div>
</header>
<main class="portfolio-container">
<div class="hero-text">
<h1>UI/UX Design Studio<br>Crafting Next-Gen Digital Products</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="filter-bar">
<button class="active" data-filter="*">All<sup>9</sup></button>
<button data-filter=".ui">UI/UX<sup>3</sup></button>
<button data-filter=".brand">Branding<sup>3</sup></button>
<button data-filter=".dev">Web Apps<sup>3</sup></button>
</div>
<div class="portfolio-grid">
<div class="project-card ui" style="background:#FFE8D6;">
<div class="card-info"><h3>Fintech Mobile App</h3><span>UI/UX & Prototype</span></div>
</div>
<div class="project-card brand" style="background:#D8F3DC;">
<div class="card-info"><h3>Lumina Identity</h3><span>Brand System</span></div>
</div>
<div class="project-card dev" style="background:#E0E1DD;">
<div class="card-info"><h3>SaaS Platform</h3><span>Design & Code</span></div>
</div>
</div>
</main>
<aside id="side-drawer" class="side-drawer">
<button id="close-drawer">×</button>
<div class="drawer-contact">
<h4>Direct Contacts</h4>
<p>hello@studio.design</p>
<p>+1 (555) 019-2834</p>
<a href="contact.html" class="btn-action">Get in Touch →</a>
</div>
</aside>
</body>
</html>
Instant access
Commercial use
Money‑backBy purchasing this prompt, you agree to our terms of service
12
Views
GEMINI-3.7-FLASH
Generate stunning, modern, Awwwards-style creative portfolio websites in clean HTML5, CSS3, and JavaScript for any creative professional, developer, or agency. Features customizable multi-column desktop and responsive 2-column mobile grids, pastel card hover overlays, an animated sliding navigation drawer with direct contacts, and silky smooth page transitions. Fully customizable for designers, developers, photographers, and studios with zero external dependencies.
...more
Added 2 weeks ago
