design The intentional process of shaping how a digital product looks, behaves, and solves a user problem. dɪzˈaɪn feedback Comments or reactions from users, stakeholders, or teammates that help improve a product decision. ˈfiːdbæk icon A compact visual symbol that represents an object, action, or product concept in an interface. ˈaɪkɑːn layout The spatial arrangement of content and controls within a screen or page. ˈleɪaʊt menu A grouped list of destinations or actions available to the user. mˈɛnju page A distinct content view in a website or web application. pˈeɪdʒ website A connected collection of web pages designed to serve user and business goals. wˈɛbsaɪt component A reusable interface building block with defined structure, behavior, and states. kəmˈpəʊnənt grid A system of columns, rows, and gutters used to align content consistently. ɡrɪd hierarchy The ordering of interface elements by visual importance so users know what to notice first. ˈhaɪərɑːrki interaction An exchange between a user and a product through an action and the product’s response. ˌɪntərˈækʃn prototype A testable representation of a product flow used before full implementation. ˈpɹoʊtəˌtaɪp interface The visible and interactive layer through which a user operates a product. ˈɪntərfeɪs color A visual property used to communicate meaning, emphasis, state, and brand identity. ˈkʌlər font A specific visual design for letters and characters used in interface typography. fɑːnt present To explain a design solution to teammates or stakeholders. ˈprɛzənt demonstrate To show how a feature or interaction works in practice. ˈdɛmənˌstreɪt walk through To guide an audience through a design one step at a time. highlight To draw attention to an important design decision or change. ˈhaɪˌlaɪt explain To make the reason behind a design choice clear. ɪkˈspleɪn focus on To direct attention to one part of a design or discussion. mockup A polished visual representation of a screen before implementation. ˈmɑːkʌp draft An early version created for discussion and feedback. dræft version A particular state of a design after a set of changes. ˈvərʒən change A modification made to a screen, component, or flow. ʧeɪnʤ update A newer design state that includes recent decisions. ˈəpˌdeɪt option One possible design choice among several alternatives. ˈɔpʃən state A visual condition of a component during a specific interaction. steɪt header The top section of a page or screen, often containing navigation or a title. ˈhɛdər footer The bottom section that contains secondary links or information. ˈfʊtər sidebar A vertical panel used for navigation, filters, or supporting content. ˈsaɪdˌbɑr navigation The controls and structure that help users move through a product. ˌnævəˈgeɪʃən label Text that names a field, control, or piece of information. ˈleɪbəl field An interface control where users enter or select information. fild input A control that accepts information from the user. ˈɪnˌpʊt card A container that groups related content and actions. kɑrd modal A temporary layer that asks the user to focus on one task. ˈmoʊdəl dropdown A control that reveals a list of choices when opened. ˈdrɑːpdaʊn tooltip A small message that explains an unfamiliar control or term. ˈtuːltɪp simple Describes a design with few steps, elements, or decisions. ˈsɪmpəl complex Describes a design with many relationships, rules, or user decisions. ˈkɑmplɛks consistent Describes elements that follow the same visual and behavioral rules. kənˈsɪstənt aligned Describes elements positioned along a shared edge or baseline. əˈlaɪnd centered Describes an element positioned equally between surrounding edges. ˈsɛntərd balanced Describes a composition whose visual weight feels evenly distributed. ˈbælənst bright Describes a color or surface with high visual intensity. braɪt dark Describes a color, surface, or theme with low lightness. dɑrk confusing Describes an interface that makes the next action uncertain. kənfˈjuzɪŋ scroll down To move the visible content lower on a page or screen. wide Extending across a large horizontal distance. waɪd narrow Having little horizontal space from one side to the other. ˈnɛroʊ wider Having more horizontal space than another version or previous state. ˈwaɪdər narrower Having less horizontal space than another version or previous state. ˈnɛroʊər large Occupying a substantial amount of visual space. lɑrʤ small Occupying a limited amount of visual space. smɔl oversized Larger than the surrounding layout or purpose requires. ˈoʊvərˌsaɪzd undersized Smaller than required for clarity, balance, or comfortable interaction. ˈəndərˌsaɪzd tall Having a comparatively large vertical dimension. tɔl short Having a comparatively small height or length. ʃɔrt thick Having a relatively large stroke, border, or material width. θɪk thin Having a relatively small stroke, border, or material width. θɪn full-width Stretching across the complete width of its available container. compact Using limited space efficiently while remaining usable. ˈkɑmpækt spacious Having generous room around content and controls. ˈspeɪʃəs tight Having less space between elements than feels comfortable. taɪt cramped Uncomfortably crowded because too much content occupies too little space. kræmpt misaligned Not positioned on the intended shared edge, axis, or baseline. ˌmɪsəˈlaɪnd left-aligned Positioned along a common left edge. right-aligned Positioned along a common right edge. top-aligned Positioned along a common top edge. bottom-aligned Positioned along a common bottom edge. stacked Arranged vertically in a sequence. stækt two-column layout A layout that divides content into two vertical sections. single-column layout A layout that places content in one vertical sequence. full-screen Occupying the entire available display area. sticky Remaining attached to an edge while the surrounding content scrolls. ˈstɪki persistent Remaining visible or available throughout a flow or screen state. pərˈsɪstənt proportional Sized in a balanced relationship to surrounding elements. prəˈpɔrʃənəl prominent Visually emphasized enough to attract attention before secondary content. ˈprɑmənənt subtle Present but intentionally low in visual emphasis. ˈsətəl bold Strong in weight, color, or visual emphasis. boʊld dominant Having the greatest visual weight within a composition. ˈdɑmənənt secondary Lower in importance or visual emphasis than the primary element. ˈsɛkənˌdɛri competing Demanding attention at the same time as another important element. kəmˈpitɪŋ cluttered Containing too many visible elements or unnecessary details. ˈklətərd clean Visually simple, organized, and free from unnecessary decoration. klin minimal Using only the essential content, controls, and visual treatment. ˈmɪnəməl busy Containing many elements, colors, or patterns that compete for attention. ˈbɪzi harsh Uncomfortably strong in contrast, color, edge, or visual treatment. hɑrʃ vibrant Having strong, lively color intensity. ˈvaɪbrənt muted Reduced in color intensity or contrast to create lower emphasis. mˈjutɪd coherent Consistent and logically connected in appearance or behavior. koʊˈhɪrənt inconsistent Not following the same visual or behavioral rule in comparable places. ˌɪnkənˈsɪstənt readable Easy to read because of appropriate size, spacing, contrast, and line length. ˈridəbəl legible Clear enough for individual letters and symbols to be distinguished. ˈlɛʤəbəl visible Able to be seen clearly in the current state or context. ˈvɪzəbəl hidden Not currently visible or placed where users are unlikely to discover it. ˈhɪdən low contrast Having little visual difference between foreground and background. high contrast Having a strong visual difference between foreground and background. clickable Visually communicating that an element can be selected or activated. ˈklɪkəbəl obvious Immediately understandable without explanation or trial and error. ˈɑbviəs early-stage Belonging to an initial phase when ideas and direction are still being explored. high-fidelity Closely representing the intended final visuals, content, and interactions. low-fidelity Using simple structure and minimal styling to explore an idea quickly. directional feedback Feedback about the overall concept or approach rather than visual polish. visual feedback Feedback focused on color, typography, spacing, hierarchy, and composition. clarifying question A question asked to understand the goal, context, or intended behavior before giving feedback. interactive Responding to user actions rather than only presenting static information. ˌɪnərˈæktɪv passive Requiring observation or reading without active participation. ˈpæsɪv immersive Creating a strong sense of involvement in an experience. ɪˈmɜːrsɪv distracting Pulling attention away from the content or action that matters most. dɪˈstræktɪŋ clear Easy to understand because the structure, wording, or visual priority is unambiguous. klɪr crowded Containing too many visible elements for the available space. ˈkraʊdɪd empty Containing too little content or visual structure for the intended composition. ˈempti usable Able to be used effectively and comfortably for the intended task. ˈjuːzəbəl polished Refined enough that details, spacing, and interactions feel intentionally finished. ˈpɑːlɪʃt production-ready Complete and documented enough to be implemented or released with confidence. cartoony Using exaggerated shapes or playful treatment that resembles a cartoon. kɑːrˈtuːni clunky Awkward in appearance or interaction because elements feel heavy or poorly coordinated. ˈklʌŋki modern Following current visual and interaction conventions without unnecessary decoration. ˈmɑːdərn elementary Looking basic or insufficiently developed for the intended professional context. ˌeləˈmentəri mature Showing considered judgment, restraint, and a strong understanding of priorities. məˈtʃʊr unfinished Missing refinement, states, content, or details required for completion. ˌʌnˈfɪnɪʃt muddy Lacking visual separation because nearby colors or values are too similar. ˈmʌdi grayscale Using only black, white, and shades of gray. ˈɡreɪskeɪl neutralized Intentionally reduced in color intensity or contrast to lower visual emphasis. ˈnuːtrəlaɪzd distinct Clearly different from surrounding elements in appearance or purpose. dɪˈstɪŋkt excessive Greater in amount or intensity than the design needs. ɪkˈsesɪv streamlined Reduced to the essential steps and elements needed for a task. ˈstriːmlaɪnd succinct Expressing the necessary information clearly with very little content. səkˈsɪŋkt controlled Applied with deliberate limits and consistent rules. kənˈtroʊld straightforward Easy to understand because the path and choices are direct. ˌstreɪtˈfɔːrwərd decorative Added mainly for visual effect rather than for function or meaning. ˈdekərətɪv functional Designed primarily to support a clear task or practical purpose. ˈfʌŋkʃənəl aesthetic Pleasant in visual composition, color, or style. esˈθetɪk wonky Noticeably uneven, misaligned, or awkward in a casual way. ˈwɑːŋki redundant Repeating information or functionality without adding value. rɪˈdʌndənt smooth Moving or changing continuously without abrupt visual jumps. smuːð pixelated Showing visible square pixels because an image lacks sufficient resolution. ˈpɪksəleɪtɪd crisp Having sharp, well-defined edges and readable details. krɪsp uniform Following the same dimensions, spacing, or treatment throughout a set. ˈjuːnəfɔːrm uneven Varying unintentionally in spacing, size, alignment, or visual weight. ʌnˈiːvən rounded Having curved rather than sharp corners or edges. ˈraʊndɪd outlined Drawn with a visible border and little or no solid fill. ˈaʊtlaɪnd filled Rendered with a solid interior color rather than only an outline. fɪld 