Use an 8px Spacing Grid for Website Design
Add a consistent 8px spacing system and generous breathing room inside cards when designing a website.
Threads
Oct 11
This website uses cookies to ensure you get the best experience.
Learn more.
Latest Website-design AI Prompts
Recently Added Website-design AI Prompts
Add an Asymmetric Bento Grid to Website Designs
A prompt fragment for giving website layouts an asymmetric Bento Grid structure.
Threads
Oct 11
Add Distinctive UI/UX to a Website Prompt
A reusable instruction snippet for adding polished interactions and a less generic layout to a website.
Threads
Oct 11
Non-Generic Website UI/UX Prompt Add-On
Append this instruction to a ChatGPT prompt for creating a website to encourage more polished, distinctive UI/UX.
Threads
Oct 11
Premium AI-Service Website UI Styling
Add a dark, polished visual treatment to a website interface.
Threads
Oct 11
Apply an Editorial Typography Style to Website UI
A styling directive for website generation that gives headings a bold, tightly tracked look and body text a muted slate color.
Use a Soft, High-Contrast Website Palette
A style instruction for avoiding pure black and white in AI-assisted website design.
Add a Minimal Palette and Dark Mode to a Website
A prompt snippet for giving a website a modern Tailwind CSS palette and full dark-mode support.
Threads
Oct 11
Add Microanimations and Hover Effects to a Website
A prompt add-on for making website interfaces feel more lively and responsive.
Interactive Website Content Cards
Add hover effects and animated link arrows to website content cards.
High-Contrast Typography for Website Design
Add a strong contrast between display headlines and smaller, refined text in a website design.
Threads
Oct 11
Add Depth to Website Designs
A styling instruction for adding layered shadows, a soft blurred background, and subtle translucent borders to a website.
Add Glassmorphism and Soft Shadows to Website UI
A styling instruction for giving website headers and pop-up panels depth with translucent backgrounds, backdrop blur, and soft colored shadows.
Add Frosted-Glass Depth to a Website
A reusable instruction for giving a website interface a layered, frosted-glass appearance.
Add Polished Media Effects to a Website
A prompt snippet for using consistent media aspect ratios and subtle hover effects in website galleries and case studies.
Threads
Oct 11
8px Spacing and Airy Card Layout for Websites
A concise design instruction for consistent spacing and readable card layouts when creating a website with ChatGPT.
Threads
Oct 11