Terminology Glossary.
Demystifying the web. Use these terms to understand your site's anatomy and communicate better with our team.
Quick Jump
Pro Prompting Tip
When asking for changes, use specific terms like "Add a modal" or "Update the footer" instead of "Make a pop-up" or "Change the bottom part". Specificity leads to better results.
Design Basics
Web Design
The complete process of creating a website's look, feel, and flow. It encompasses layout, colors, fonts, and user interactions to create a cohesive digital experience.
Usage
How to prompt
"Redesign the Services page to have a cleaner, more minimalist look with more whitespace and a professional font."
Design Basics
Whitespace
The 'breathing room' between elements. Effective whitespace guides the user's eye and makes your content feel more premium and less cluttered.
Interactive Example
Clean Layout
This section has generous whitespace (padding), making it easy to read.
How to prompt
"Add more whitespace between the sections on the home page to give the content more room to breathe."
Structure
Hero Section
The 'opening act' of your page. It's the big section at the top that sets the tone for the entire site with a bold headline and clear action.
How to prompt
"Update the Hero Section on the home page with a dark navy gradient and increase the headline font size."
Functionality
Hyperlinks (Mailto & Tel)
Links that trigger actions. A 'mailto' link starts a new email, and a 'tel' link starts a phone call.
Interactive Example
How to prompt
"Hyperlink my phone number 951-867-5301 in the footer and make the 'Contact' button a mailto to konichiwa@the-inclusive.com."
Integrations
Embeds (Google Maps)
Placing interactive third-party content (like Google Maps) directly on your page.
Interactive Example
Live Map: New York
How to prompt
"Embed a Google Map on my contact page for the address: Times Square, New York."
User Experience
Progressive Disclosure
Showing users only what they need, when they need it. Accordions are the most common tool for this.
Interactive Example
What is an accordion?
How to prompt
"Add a progressive disclosure accordion for the 'Refund Policy' on the pricing page."
Marketing
Google Indexing (SEO)
The process of ensuring Google can find, read, and list your website correctly in search results.
How to prompt
"Update my Website and my blog posts to make sure that it's indexable by Google. Add meta titles and descriptions to every page for better SEO."
Design Basics
Typography
The visual style of your text. Font choice significantly impacts how your brand is perceived.
Interactive Example
Classic Serif
Formal • Elegant • Traditional
Modern Sans
Clean • Tech • Professional
How to prompt
"Change all headings on my site to use a bold Sans-Serif font to match my new branding."
How to Prompt Better
Get the most out of your AI-powered website.
Common Requests
"Update the pricing section: Basic plan is now $29, Pro is $99."
Content Updates
"Make the hero section background a dark navy gradient."
Design Changes
Expert Requests
"Update my Website and my blog posts to make sure that it's indexable by Google. Add meta titles and descriptions to every page for better SEO."
SEO Mastery
"Change the layout of the Services section to a 3-column grid on desktop but keep it as a single column on mobile."
Layout & Responsiveness