glossary
P
329 names, 255 of them aliases · all letters
- P3→ Wide gamutcolor
- padding-top hack→ Aspect ratio boxlayout
- page banner→ Page headerlayout
- Page breaklayout
- page change announcement→ Route announcementaccessibility
- page control→ Page indicatorcomponent
- Page curlmotion
- page flip→ Page curlmotion
- Page headerlayout
- page heading→ Page headerlayout
- Page indicatorcomponent
- page navigation→ Paginationcomponent
- page sheet→ Modal presentationmotion
- page texture→ Typographic colortypography
- Page titleaccessibility
- page title bar→ Page headerlayout
- page titled→ Page titleaccessibility
- Page transitionmotion
- page turn animation→ Page curlmotion
- pager→ Paginationcomponent
- Paginationcomponent
- pagination dots→ Page indicatorcomponent
- paging controls→ Paginationcomponent
- paging scroll→ Scroll snaplayout
- paging swipe→ Swipeinteraction
- paint order→ Stacking contextlayout
- palette square→ Swatchcolor
- palette type→ Color harmonycolor
- Paninteraction
- pan and zoom→ Ken Burns effectmotion
- pan gesture→ Paninteraction
- pancake→ Pancake stacklayout
- Pancake stacklayout
- Panelayout
- pane spacer→ Spacerlayout
- panel→ Cardcomponent
- panel chart→ Small multipleslayout
- panel stack→ Drill-down navigationpattern
- Pangramtypography
- paper cut-out style→ Digital collageaesthetic
- paper UI→ E-ink aestheticaesthetic
- paper-like interface→ E-ink aestheticaesthetic
- paragraph indent→ First-line indenttypography
- paragraph mark→ Pilcrowtypography
- paragraph symbol→ Pilcrowtypography
- Parallaxmotion
- parallax card→ 3D tiltmotion
- parallax effect→ Parallaxmotion
- parallax scrolling→ Parallaxmotion
- paraph→ Pilcrowtypography
- parent-child motion→ Parentingmotion
- Parentingmotion
- partial checkbox→ Mixed state checkboxaccessibility
- Particle backgroundmotion
- particle burst→ Confetti burstmotion
- partitioned pricing→ Drip pricingpattern
- pass through key→ Character key shortcutsaccessibility
- pass-through click→ Click-throughinteraction
- Passkeypattern
- password input→ Password reveal togglecomponent
- password meter→ Password strength meterpattern
- password quality bar→ Password strength meterpattern
- Password reveal togglecomponent
- Password strength meterpattern
- password toggle field→ Password reveal togglecomponent
- password visibility toggle→ Password reveal togglecomponent
- passwordless link→ Magic linkpattern
- pastel→ Tintcolor
- pastel cute style→ Kawaii UIaesthetic
- path animation→ Motion pathmotion
- path bar→ Breadcrumbscomponent
- path drawing→ Line drawing animationmotion
- path morphing→ Morph transitionmotion
- path-based gesture→ Pointer gesturesaccessibility
- pattern fill→ Use of coloraccessibility
- pattern input→ Input maskcomponent
- pause button→ Pause, stop, hideaccessibility
- Pause, stop, hideaccessibility
- payment request→ Express checkoutpattern
- Paywallpattern
- pcap→ Petite capstypography
- pearlescent→ Holographic foilaesthetic
- peek→ Quick viewpattern
- pen pressure→ Pressure sensitivityinteraction
- per-character fallback→ Fallback fonttypography
- perceivable operable understandable robust→ POURaccessibility
- perceived affordance→ Affordanceinteraction
- perceived brightness→ Relative luminancecolor
- perceived duration→ Perceptual durationmotion
- percentage grid→ Fluid gridlayout
- perceptible signifier→ Signifierinteraction
- perceptual color notation→ OKLCHcolor
- perceptual contrast→ APCAcolor
- Perceptual durationmotion
- Perceptual uniformitycolor
- perceptually uniform→ Perceptual uniformitycolor
- perfect fourth scale→ Modular scaletypography
- permanent temporary situational→ Situational disabilityaccessibility
- permission pre-prompt→ Permission primingpattern
- Permission primingpattern
- perpetual sale→ Fake urgencypattern
- persistent add to cart→ Sticky add to cartpattern
- persistent header→ Sticky headerlayout
- persistent help→ Consistent helpaccessibility
- persistent prompt→ Naggingpattern
- persona→ Avatarcomponent
- persona spectrum→ Situational disabilityaccessibility
- personalization semantics→ Symbol supportaccessibility
- perspective hover→ 3D tiltmotion
- petite capitals→ Petite capstypography
- Petite capstypography
- phantom click→ Ghost clickinteraction
- phantom hover→ Sticky hoverinteraction
- phi grid→ Golden ratiolayout
- phonetic guide→ Ruby annotationtypography
- phonetic spelling→ Pronunciationaccessibility
- photo viewer→ Lightboxcomponent
- photorealistic 3D→ Hyperreal 3Daesthetic
- photosensitive epilepsy→ Flashing contentaccessibility
- physics-based animation→ Spring animationmotion
- pick→ Hit testinginteraction
- pick list→ Transfer listcomponent
- pick up and move→ Drag and dropinteraction
- picker→ Selectcomponent
- picker wheel→ Wheel pickercomponent
- pictogram→ Iconcomponent
- picture→ Imagecomponent
- Picture in picturelayout
- pie gradient→ Conic gradientcolor
- pie menu→ Radial menucomponent
- Pilcrowtypography
- pill→ Chipcomponent
- pill handle→ Grabbercomponent
- pill input→ Tag inputcomponent
- pillarboxing→ Letterboxinglayout
- pin→ Scroll pinningmotion
- PIN inputcomponent
- pinch closed→ Pinch to zoominteraction
- pinch in→ Pinch to zoominteraction
- pinch open→ Pinch to zoominteraction
- pinch out→ Pinch to zoominteraction
- Pinch to zoominteraction
- ping pong layout→ Zigzag layoutlayout
- ping-pong→ Yo-yo loopmotion
- pinned column→ Frozen columnlayout
- pinned header→ Sticky headerlayout
- pinned scroll→ Scrollytellingpattern
- pinned section→ Scroll pinningmotion
- pinned sidebar→ Sticky sidebarlayout
- PiP→ Picture in picturelayout
- pipette→ Eyedroppercomponent
- pixel art→ Pixel art UIaesthetic
- Pixel art UIaesthetic
- Pixel densitylayout
- pixel UI→ Pixel art UIaesthetic
- pixelated interface→ Pixel art UIaesthetic
- Placeholder as labelaccessibility
- placeholder gap→ Drop indicatorpattern
- placeholder text→ Lorem ipsumtypography
- placeholder-only field→ Placeholder as labelaccessibility
- plain English→ Plain languageaccessibility
- Plain languageaccessibility
- plan comparison→ Comparison tablecomponent
- platform font→ System fonttypography
- play head→ Playheadcomponent
- play pause morph→ Icon morphmotion
- play-doh UI→ Claymorphismaesthetic
- playback controls→ Media controlscomponent
- player→ Video playercomponent
- player controls→ Media controlscomponent
- Playheadcomponent
- playthrough→ Onboarding tourpattern
- plexus background→ Particle backgroundmotion
- plot→ Chartcomponent
- podium→ Leaderboardpattern
- Point sizetypography
- pointer→ Popover arrowcomponent
- Pointer cancellationaccessibility
- Pointer captureinteraction
- pointer focus→ Focus follows mouseinteraction
- Pointer gesturesaccessibility
- Pointer lockinteraction
- polaroid look→ Retro film aestheticaesthetic
- polite status→ Status messageaccessibility
- Politeness levelaccessibility
- polygonal illustration→ Low polyaesthetic
- pop→ Pop inmotion
- pop art→ Pop art styleaesthetic
- Pop art styleaesthetic
- Pop inmotion
- Popconfirmcomponent
- popout→ Breakoutlayout
- Popovercomponent
- Popover arrowcomponent
- popover=auto→ Light dismissinteraction
- portrait lock→ Orientation lockaccessibility
- position indicator→ Page indicatorcomponent
- position marker→ Playheadcomponent
- position-anchor→ Anchor positioninglayout
- position-try→ Anchor positioninglayout
- positioning context→ Containing blocklayout
- Positive tabindexaccessibility
- postcode lookup→ Address autocompletepattern
- poster→ Thumbnailcomponent
- posterization→ Color bandingcolor
- postmodern typography→ New Wave designaesthetic
- posture→ Device posturelayout
- POURaccessibility
- PPI→ Pixel densitylayout
- pre-header→ Utility navigationlayout
- pre-move→ Anticipationmotion
- pre-permission prompt→ Permission primingpattern
- prechecked box→ Preselected opt-inpattern
- predefined instance→ Named instancetypography
- Predictive backmotion
- predictive back animation→ Predictive backmotion
- predictive back gesture→ Predictive backmotion
- predictive search→ Typeaheadpattern
- prefers-color-scheme→ Dark modecolor
- prefers-contrast media query→ Increased contrastaccessibility
- prefers-reduced-transparency→ Reduced transparencyaccessibility
- prefilled values→ Smart defaultspattern
- prefix and suffix→ Input groupcomponent
- prefix key→ Key sequenceinteraction
- premature end→ False bottompattern
- premium wall→ Paywallpattern
- premultiplied alpha→ Alpha compositingcolor
- Preselected opt-inpattern
- preselection→ Preselected opt-inpattern
- presence badge→ Presence indicatorcomponent
- Presence indicatorcomponent
- Presentation roleaccessibility
- Presentational childrenaccessibility
- presentational image→ Decorative imageaccessibility
- press→ Tapinteraction
- press ? for help→ Keyboard shortcuts dialogcomponent
- press and hold→ Long pressinteraction
- press and hold to confirm→ Hold to confirminteraction
- press squash→ Squash and stretchmotion
- press to open, release to select→ Press-drag-releaseinteraction
- Press-drag-releaseinteraction
- pressed→ Pressed stateinteraction
- pressed button→ Toggle buttoncomponent
- Pressed stateinteraction
- Pressure sensitivityinteraction
- pressure touch→ Force touchinteraction
- pretitle→ Eyebrowtypography
- preview image→ Thumbnailcomponent
- preview modal→ Quick viewpattern
- preview pane→ List detaillayout
- price comparison prevention→ Comparison preventionpattern
- price range slider→ Range slidercomponent
- pricing table→ Comparison tablecomponent
- primary color→ Accent colorcolor
- primary navigation→ Global navigationlayout
- primary optical area→ Gutenberg diagramlayout
- primary seed→ Seed colorcolor
- primary side bar→ Sidebarlayout
- primaryContainer→ Container colorcolor
- Prime marktypography
- primer dialog→ Permission primingpattern
- primes→ Prime marktypography
- Primitive color tokencolor
- print-inspired web design→ Editorial web designaesthetic
- Priority plus navigationpattern
- priority plus pattern→ Priority plus navigationpattern
- priority+ navigation→ Priority plus navigationpattern
- privacy dark pattern→ Privacy zuckeringpattern
- Privacy zuckeringpattern
- pro badge→ Feature gatepattern
- process color→ CMYKcolor
- product card→ Cardcomponent
- product grid→ Card gridlayout
- product tour→ Onboarding tourpattern
- proficiency-adaptive interface→ Progressive reductionpattern
- profile completeness→ Progressive profilingpattern
- profile picture→ Avatarcomponent
- profile preview→ Hover cardcomponent
- programmatically focusable→ Tabbableaccessibility
- programming ligatures→ Ligaturetypography
- progress→ Progress barcomponent
- Progress barcomponent
- progress circle→ Progress ringcomponent
- progress indicator→ Progress barcomponent
- Progress ringcomponent
- progress scrubber→ Scrubbercomponent
- progress steps→ Step indicatorcomponent
- progress tracker→ Step indicatorcomponent
- Progressive bluraesthetic
- Progressive disclosurepattern
- progressive engagement→ Gradual engagementpattern
- progressive enhancement of layout→ Mobile firstlayout
- Progressive image loadingpattern
- Progressive profilingpattern
- Progressive reductionpattern
- prompt box→ Prompt inputcomponent
- prompt fatigue→ Naggingpattern
- Prompt inputcomponent
- Pronunciationaccessibility
- properties list→ Description listcomponent
- properties panel→ Inspectorlayout
- Property filtercomponent
- protanopia→ Color vision deficiencyaccessibility
- Proximitylayout
- proximity glow→ Spotlight hovermotion
- psychedelia→ Psychedelic styleaesthetic
- Psychedelic styleaesthetic
- pt→ Point sizetypography
- puffy 3D buttons→ Claymorphismaesthetic
- pull down menu→ Selectcomponent
- pull down to refresh→ Pull to refreshpattern
- Pull quotetypography
- pull tab→ Grabbercomponent
- Pull to refreshpattern
- pullquote→ Pull quotetypography
- Pulsemotion
- pulsing dot→ Pulsemotion
- punch hole→ Display cutoutlayout
- punctuation level→ Verbosityaccessibility
- punk grunge→ Grunge designaesthetic
- pure black mode→ True black themecolor
- pure decoration→ Decorative imageaccessibility
- push and pop→ Push transitionmotion
- push and pull columns→ Column offsetlayout
- push button→ Buttoncomponent
- push in→ Dolly and zoommotion
- push navigation→ Drill-down navigationpattern
- Push notificationcomponent
- Push transitionmotion