Design reference index · 6/27
2153 source-linked definitions with individual URLs. JavaScript is not required to browse these documents.
Try 379 interactive reference cards
Wireframe
A screen draft emphasizing structure and content priorities rather than color or decoration.
Mockup
A representation showing how a design looks in a product or screen context.
Prototype
A working model for testing flows and behavior.
Interaction Spec
A document defining user input and the resulting states and responses.
Chat Bubble
A visual container distinguishing conversation messages by sender.
Chat Composer
The area for composing prompts or messages and adding attachments.
Typing Indicator
An indicator showing that another participant is composing a message.
Streaming Response
Progressively revealing a response while it is being generated rather than waiting for completion.
Token-by-token Rendering
Adding generated token fragments to the interface in sequence.
Markdown Rendering
Displaying Markdown as formatted headings, tables, code, and other content.
Code Block
A code display area that may support copying and syntax highlighting.
Citation Chip
A compact interface element linking an AI response to supporting material.
Source Panel
A panel collecting the source documents or links used by an AI system.
Tool Call Card
A card showing the status or result of an external tool called by an AI system.
Agent Activity Feed
A chronological feed of tool executions and other agent progress events.
Approval Gate UI
An interface asking for user approval before an AI takes a consequential action.
Human-in-the-loop UI
An interface placing approval, editing, or retry steps within an automated flow.
Regenerate Response
Generating a new response to a previous request.
Stop Generation
An action allowing the user to immediately stop a streaming response.
Prompt Suggestion
Suggested examples of usable questions or commands.
Follow-up Suggestion
Suggested next steps or queries related to the current response.
Conversation History
A system for listing, searching, and reopening earlier conversations.
Memory Indicator
An indicator showing whether user context is being applied or saved.
Confidence Indicator
An interface that appropriately communicates uncertainty in a system estimate.
Product Card
A card combining a product image, name, price, rating, and actions.
Product Gallery
A browsable collection of product photos, videos, and other visual material.
Variant Selector
A control for choosing purchase options such as color, size, or configuration.
Quantity Stepper
An input that increases or decreases a quantity with plus and minus controls.
Add-to-cart Button
A call to action that adds the selected product to a shopping cart.
Price Breakdown
An itemized display of product price, discounts, shipping, taxes, and total.
Checkout Stepper
An indicator of progress from the shopping cart through checkout completion.
Order Status Timeline
A history of order states such as payment, dispatch, and delivery.
Inventory Status
A display of availability, such as in stock, low stock, sold out, or arriving soon.
Dashboard Widget
An individual dashboard panel answering one analytical question.
Metric Comparison
Compares the same metric across two periods or groups.
Delta Indicator
Displays an absolute or relative change from a baseline.
Date Range Filter
Selects the analysis date range and optional comparison period.
Saved View
A reusable saved configuration of filters, sorting, and columns.
Column Visibility
A setting controlling which table columns are shown or hidden.
Export Menu
A menu for exporting information in formats such as CSV, spreadsheet, or PDF.
Import Wizard
A guide through file upload, field mapping, and validation.
Batch Edit
An interface for changing values in multiple records together.
Audit Log Viewer
An interface for viewing and filtering actors, timestamps, and change history.
Permission Matrix
A table for configuring resource and action permissions by role.
Information Architecture (IA)
Organizing content and functions so users can understand and navigate them.
User Flow
The path through screens and actions toward a user goal.
Task Flow
A sequence of steps for completing a specific task.
User Journey Map
A chronological representation of actions, touchpoints, emotions, and problems.
Service Blueprint
A visualization connecting user-facing touchpoints with internal work and systems.
Persona
A model representing the goals and context of a particular user type.
Jobs To Be Done (JTBD)
An analytical approach centered on the underlying purpose for which users choose a product.
Usability Testing
Finding usability problems by observing real users completing tasks.
Heuristic Evaluation
Reviewing an interface against established usability principles.
Cognitive Walkthrough
A step-by-step evaluation of whether a first-time user can understand and complete a task.
A/B Testing
Comparing user behavior or outcomes between two versions.
Funnel Analysis
Analyzing conversions and drop-offs across a sequence of stages.
Heatmap Analysis
Visualizing patterns in clicks, scrolling, or visual attention.
Card Sorting
A research method in which users group content items to reveal possible classification systems.
Tree Testing
Testing whether users can find a target using only the navigation hierarchy.
Design Critique
Reviewing opportunities for improvement against design goals and principles.
Design Handoff
Transferring layouts, assets, tokens, and behavior rules into development.
Affordance
A property that helps a user infer possible actions.
Signifier
A visual or sensory signal indicating where to click, touch, or move.
Feedback Loop
A cycle connecting user actions, system responses, and subsequent actions.
3D Viewport
An area for viewing, editing, or navigating a three-dimensional scene.
Orbit Controls
Controls for inspecting a 3D scene by rotating around a target.
Pan Controls
Controls for moving a 3D camera's view parallel to the viewing plane.
Zoom / Dolly
Changing camera field of view or position to alter apparent magnification.
Transform Gizmo
A set of axes and handles for manipulating position, rotation, and scale.
Scene Hierarchy
A display of parent-child relationships among objects in a scene.
Inspector Panel
A panel for viewing and editing the selected object's properties.
Asset Browser
An interface for finding and selecting 3D models, textures, and materials.
Snap to Grid
A feature that aligns movement or placement to fixed grid increments.
Bounding Box
A box-shaped boundary enclosing an entire object.
Selection Outline
An outline that emphasizes the selected object.
Minimap
A small map summarizing the surrounding space and important information.
Visual Hierarchy
Organizing what viewers notice first through differences in size, brightness, position, and spacing.
Contrast
Differences in color, brightness, size, or shape that distinguish and emphasize elements.
Alignment
Aligning baselines or edges to reveal structure and relationships.
Proximity
The perceptual principle that nearby elements are seen as a related group.