Prompt Details
Model
Chat - GPT-4o mini (gpt-4o-mini)
Token size
132 ($0.00026 / call)
Example input
[Tool name]: Canva Pro
Example output
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Design Tool Prototype</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.header {
background-color: #333;
color: white;
padding: 10px;
text-align: center;
}
.sidebar {
width: 250px;
float: left;
background-color: #f4f4f4;
padding: 15px;
height: 100vh;
box-shadow: 2px 0 5px rgba(0,0,0,0.1);
}
.main-content {
margin-left: 250px;
padding: 20px;
}
.button {
display: inline-block;
padding: 10px 20px;
margin: 10px 0;
background-color: #007bff;
color: white;
text-align: center;
border-radius: 5px;
text-decoration: none;
}
.templates, .stock-photos, .fonts, .elements {
margin-bottom: 20px;
}
.templates img, .stock-photos img, .fonts img, .elements img {
max-width: 100%;
height: auto;
margin-bottom: 10px;
}
</style>
</head>
<body>
<div class="header">
<h1>Design Tool Prototype</h1>
</div>
<div class="sidebar">
<h2>Menu</h2>
<a href="#" class="button">Templates</a>
<a href="#" class="button">Stock Photos</a>
<a href="#" class="button">Fonts</a>
<a href="#" class="button">Graphic Elements</a>
<a href="#" class="button">Brand Kit</a>
<a href="#" class="button">Collaboration</a>
<a href="#" class="button">Premium Content</a>
<a href="#" class="button">Download</a>
<a href="#" class="button">Print Services</a>
</div>
<div class="main-content">
<h2>Welcome to the Design Tool</h2>
<p>Select an option from the menu to get started.</p>
<div class="templates">
<h3>Templates</h3>
<img src="template1.jpg" alt="Template 1">
<img src="template2.jpg" alt="Template 2">
</div>
<div class="stock-photos">
<h3>Stock Photos</h3>
<img src="photo1.jpg" alt="Stock Photo 1">
<img src="photo2.jpg" alt="Stock Photo 2">
</div>
<div class="fonts">
<h3>Fonts</h3>
<img src="font1.jpg" alt="Font 1">
<img src="font2.jpg" alt="Font 2">
</div>
<div class="elements">
<h3>Graphic Elements</h3>
<img src="element1.jpg" alt="Graphic Element 1">
<img src="element2.jpg" alt="Graphic Element 2">
</div>
</div>
</body>
</html>
Instant access
Commercial use
Money‑backBy purchasing this prompt, you agree to our terms of service
1
Favorites
20
Views
GPT-4O-MINI
Canva Pro offers extensive templates, design elements, and advanced features for creating professional, visually stunning content effortlessly.
...more
Added over 1 month ago
