Above the Fold
The portion of a webpage visible before a visitor begins scrolling. Important messaging, navigation, and primary calls to action are often positioned in this area.
Accessibility
The practice of designing websites so people with different abilities can perceive, understand, navigate, and interact with the content.
Alignment
The positioning of text, images, buttons, and other elements in relation to each other to create visual order and consistency.
Aspect Ratio
The proportional relationship between the width and height of an image, video, container, or other visual element.
Background Image
An image displayed behind content or other elements to support the visual design of a webpage.
Banner
A prominent visual section used to highlight information, promotions, announcements, or calls to action.
Baseline
The invisible line on which text characters sit. Consistent baselines help maintain visual alignment in typography.
Breakpoint
A defined screen width at which a responsive website changes its layout or styling to better fit the available space.
Breadcrumb
A navigation element that shows a visitor's position within the website hierarchy and provides links back to higher-level pages.
Button
An interactive interface element designed to trigger an action, such as submitting a form, opening content, or navigating to another page.
Call to Action (CTA)
A visual or textual prompt that encourages visitors to take a specific action, such as Contact Us, Request a Quote, Learn More, or Buy Now.
Card
A reusable interface component that groups related information such as an image, title, description, and link within a visually defined area.
Color Contrast
The difference in brightness or color between foreground and background elements. Adequate contrast improves readability and accessibility.
Color Palette
A defined collection of colors used consistently throughout a website to support branding and visual cohesion.
Component
A reusable interface element or group of elements designed to perform a specific visual or functional role within a website.
Content Hierarchy
The organization of content according to importance using headings, spacing, typography, placement, and other visual cues.
CSS Grid
A CSS layout system used to organize webpage content into rows and columns, making complex responsive layouts easier to build and maintain.
Design System
A collection of reusable components, design standards, patterns, and guidelines used to maintain consistency across a website or digital product.
Desktop Layout
A website layout designed for larger screens such as desktop and laptop computers.
Device Testing
The process of evaluating a website across different screen sizes, browsers, operating systems, and physical devices to identify usability or display issues.
Dropdown Menu
A navigation element that reveals additional links or options when activated by a user.
Element
An individual component of a webpage, such as a heading, paragraph, image, button, form, container, or navigation item.
Em
A relative CSS unit commonly used for sizing text and spacing based on the font size of an element or its context.
Empty State
A screen or interface area displayed when no content or data is available, often providing guidance about what the user can do next.
Favicon
A small website icon commonly displayed in browser tabs, bookmarks, and other browser interface areas.
Figma
A collaborative interface design platform used for wireframes, prototypes, design systems, and website or application interface design.
Fixed Navigation
A navigation bar that remains in a consistent position on the screen while the visitor scrolls.
Flexbox
A CSS layout system designed to arrange and align elements efficiently within a container, particularly for flexible and responsive layouts.
Focal Point
The area of a design intended to attract the visitor's attention first.
Font Family
A collection of related typefaces used to define the visual appearance of text.
Footer
The lower section of a webpage that commonly contains navigation, contact information, legal information, social links, and other supporting content.
Grid
A layout framework consisting of rows, columns, and spacing used to organize content consistently across a webpage.
Gutter
The space between columns or other layout elements within a grid.
GUI
Graphical User Interface. A visual interface that allows users to interact with a system through elements such as buttons, menus, icons, forms, and other controls.
Hamburger Menu
A compact navigation control, typically represented by three horizontal lines, commonly used to open navigation on mobile devices.
Header
The upper section of a webpage that commonly contains branding, navigation, search, contact information, or other site-wide elements.
Hero Image
A large, prominent image used near the top of a webpage to establish visual context and support the primary message.
Hero Section
A prominent section near the top of a webpage that typically combines a headline, supporting content, imagery, and a call to action.
Hover State
A visual change that occurs when a pointer is positioned over an interactive element such as a link, button, or card.
Icon
A small visual symbol used to represent an action, object, feature, or concept within an interface.
Information Architecture
The organization, structure, and labeling of website content so visitors can understand where information is located and navigate efficiently.
Interaction Design
The design of how users interact with interface elements and how the interface responds to those actions.
Interface
The visual and interactive environment through which a user engages with a website, application, or digital system.
JPEG
A widely used image format commonly used for photographs and other images containing complex colors and gradients.
Kerning
The adjustment of spacing between individual characters in typography to improve visual balance and readability.
Landing Page
A focused webpage designed around a specific audience, campaign, service, product, or conversion goal.
Layout
The arrangement of text, images, navigation, buttons, and other elements within a webpage.
Lazy Loading
A performance technique that delays loading certain images or other resources until they are needed or approach the visible area of the page.
Leading
The vertical spacing between lines of text. Appropriate leading improves readability and visual balance.
Lightbox
An interface that displays an image, video, or other content in an overlay above the current webpage.
Liquid Layout
A layout that uses flexible dimensions so content can expand or contract according to the available screen width.
Margin
The space outside an element that separates it from surrounding elements.
Mega Menu
A large navigation panel that displays multiple groups of links or categories within an expanded menu.
Microinteraction
A small visual or interactive response triggered by a user action, such as a button animation, form confirmation, or hover effect.
Mobile-First Design
A design approach that begins with smaller mobile screens and progressively enhances the experience for larger devices.
Mockup
A detailed visual representation of a webpage or interface used to demonstrate appearance before final development.
Modal
An interface window displayed above the primary page content that requires or encourages interaction before returning to the underlying content.
Navigation
The system of menus, links, buttons, and other controls that helps visitors move through a website.
Navigation Bar
A website interface area containing primary or secondary navigation links.
Negative Space
The intentionally unused area around design elements that helps improve readability, separation, emphasis, and visual balance.
Opacity
The degree of transparency applied to an element, ranging from fully transparent to fully opaque.
Overlay
A visual layer displayed over existing content, commonly used for menus, modals, image captions, lightboxes, or other interface effects.
Padding
The space inside an element between its content and its boundary.
Parallax Scrolling
A visual effect in which background and foreground elements move at different speeds while scrolling to create a sense of depth.
Pixel
A small unit used to represent visual information on a digital display and commonly used as a CSS measurement.
PNG
An image format commonly used for graphics, screenshots, logos, and images requiring transparency.
Prototype
An interactive representation of a website or application used to demonstrate and test navigation, interactions, and user flows before development.
Quality Assurance (QA)
The process of testing a website to identify design, functionality, responsiveness, accessibility, content, and compatibility issues before or after launch.
Rem
A relative CSS unit based on the root document font size and commonly used to create scalable typography and spacing.
Responsive Design
A web design approach that adapts layout, content, images, and interface elements to different screen sizes and devices.
Responsive Image
An image configured to adapt to different display sizes or resolutions so an appropriate image resource can be delivered to the device.
Sans Serif
A typeface category characterized by letterforms without decorative strokes at their ends.
Serif
A typeface category characterized by small decorative strokes attached to letterforms.
Sidebar
A secondary content area positioned beside the main webpage content and commonly used for navigation, related information, filters, or calls to action.
Sitemap
A structured representation of website pages and their relationships. In design planning, a visual sitemap can help define site architecture and navigation before development.
Sticky Element
An interface element that remains visible within a defined position as the visitor scrolls through part or all of a webpage.
Style Guide
A set of standards defining visual elements such as typography, colors, buttons, spacing, imagery, and other design treatments.
SVG
Scalable Vector Graphics. A vector image format that can scale to different sizes without losing visual quality and is commonly used for icons, logos, and illustrations.
Tablet Layout
A responsive website layout optimized for medium-sized screens such as tablets.
Template
A reusable layout structure used to maintain consistency across multiple webpages or content types.
Thumbnail
A smaller preview image used to represent a larger image, article, video, project, or other content.
Touch Target
An interactive area designed to be tapped on a touchscreen, such as a button, navigation link, or form control.
Typography
The selection and arrangement of typefaces, font sizes, weights, spacing, line heights, and other text characteristics within a design.
UI
User Interface. The visual and interactive elements through which users engage with a website or digital product.
UI Design
The process of designing visual and interactive interface elements such as navigation, buttons, forms, cards, typography, and layout.
Usability
The degree to which a website is easy to understand, navigate, and use effectively.
User Flow
The sequence of steps a visitor takes to complete a task or reach a goal within a website.
UX
User Experience. The overall experience a person has while interacting with a website, including usability, accessibility, clarity, efficiency, and satisfaction.
UX Design
The process of designing and improving digital experiences around user needs, behaviors, goals, and interactions.
Vector Graphic
A graphic created from mathematical paths rather than individual pixels, allowing it to scale without losing quality.
Viewport
The visible area of a webpage within a browser or device screen.
Visual Hierarchy
The arrangement of design elements to communicate importance and guide a visitor's attention through content in a logical order.
WCAG
Web Content Accessibility Guidelines. Internationally recognized recommendations for making web content more accessible to people with disabilities.
Web Design
The process of planning and creating the visual presentation, layout, usability, responsiveness, and interactive experience of a website.
Web Font
A font delivered for use within webpages rather than relying exclusively on fonts installed on the visitor's device.
White Space
The intentionally open space between and around design elements that improves readability, organization, emphasis, and visual balance.
Wireframe
A simplified representation of a webpage layout used to plan content hierarchy, navigation, functionality, and placement before detailed visual design.
X-Height
The height of lowercase letters in a typeface, typically measured using the lowercase letter x, and an important factor in typography and readability.
Y-Axis
The vertical axis of a coordinate system. In web design and development, it can describe vertical positioning, movement, or scrolling.
Z-Index
A CSS property that controls the stacking order of overlapping positioned elements, determining which elements appear in front of or behind others.
