Resources / AI Insights / Glossary
Web and Interface Design
Simple explanations of the building blocks and visual choices behind websites and app interfaces.
34 plain-English definitions for people getting started.
Accessibility
Accessibility means making a product usable by people with different abilities and needs.
Read the definitionActive State
An active state shows the item someone is pressing or currently using.
Read the definitionAnimation
Animation changes an item's appearance over time to show movement or change.
Read the definitionApp Icon
An app icon is the picture people use to recognize and open an app.
Read the definitionBackdrop Blur
Backdrop blur softens what is behind a see-through panel.
Read the definitionBorder Radius
Border radius controls how rounded the corners of a box appear.
Read the definitionBox Model
The box model describes the space an element and its edges take up on a page.
Read the definitionButton
A button is a control you press to make something happen.
Read the definitionCard
A card groups a small amount of related information in one box.
Read the definitionCard Grid Layout
A card grid presents related items in rows and columns of cards.
Read the definitionColor Picker
A color picker helps someone choose a color.
Read the definitionContrast
Contrast is the visible difference between nearby colors or elements.
Read the definitionDark Mode
Dark mode uses a darker background and lighter text for the interface.
Read the definitionDesign Token
A design token is a named value reused for choices like color, spacing, or text size.
Read the definitionFlexbox
Flexbox arranges items in a row or column and shares the available space.
Read the definitionFocus State
A focus state shows which control will respond to keyboard input.
Read the definitionCSS Grid
CSS Grid arranges page items in rows and columns.
Read the definitionIcon
An icon is a small picture used to represent an action or idea.
Read the definitionInput
An input is a place where someone can enter information.
Read the definitionLink
A link takes you to another page, place, or piece of information.
Read the definitionMargin
Margin is the empty space outside an element that separates it from nearby things.
Read the definitionMenu
A menu groups choices so people can find a page or action.
Read the definitionModal
A modal window asks someone to focus on a message or decision before continuing.
Read the definitionNavigation Bar
A navigation bar groups links to important parts of a website.
Read the definitionResponsive Design
Responsive design lets a website adjust to different screen sizes.
Read the definitionSemantic HTML
Semantic HTML uses elements that describe what each part of a web page is for.
Read the definitionBauhaus
Bauhaus was a school and design movement that connected art, craft, and practical design.
Read the definitionNeo-Brutalism
Neo-brutalism is a bold visual style with strong outlines, simple shapes, and high contrast.
Read the definitionDark UI
A dark UI uses dark backgrounds for the main parts of an interface.
Read the definitionTerminal Aesthetic
A terminal aesthetic makes a page look inspired by text-based computer terminals.
Read the definitionY2K
Y2K design is a retro-futuristic look associated with the late 1990s and early 2000s.
Read the definitionTypography
Typography is the way written words look and read on a page.
Read the definitionVisual Hierarchy
Visual hierarchy guides the eye toward the most important parts of a page first.
Read the definitionWireframe
A wireframe is a simple plan showing where parts of a page will go.
Read the definition