glossary
D
284 names, 222 of them aliases · all letters
- D-pad navigation→ Spatial navigationaccessibility
- daily streak→ Streakpattern
- Dampingmotion
- damping ratio→ Dampingmotion
- dancing ants→ Marching antsmotion
- Dark modecolor
- dark mode flash→ Flash of inaccurate color themecolor
- Dark patternpattern
- dark theme→ Dark modecolor
- dark theme overlay→ Elevation overlaycolor
- dark variant→ Shadecolor
- dash checkbox→ Mixed state checkboxaccessibility
- dashboard canvas→ Dashboard gridlayout
- Dashboard gridlayout
- data annotation→ Chart annotationcomponent
- Data gridcomponent
- data labels→ Direct labelingpattern
- data list→ Description listcomponent
- data sonification→ Sonificationaccessibility
- Data tablecomponent
- data table alternative→ Sonificationaccessibility
- data table fallback→ Chart descriptionaccessibility
- data to ink ratio→ Data-ink ratiopattern
- data visualisation→ Chartcomponent
- data-ink→ Data-ink ratiopattern
- Data-ink ratiopattern
- datamosh→ Glitch aestheticaesthetic
- dataviz→ Chartcomponent
- date field→ Date pickercomponent
- date grid→ Calendarcomponent
- date input→ Date pickercomponent
- date input three fields→ Structured formatpattern
- Date pickercomponent
- date range→ Date range pickercomponent
- Date range pickercomponent
- datepicker→ Date pickercomponent
- dblclick→ Double clickinteraction
- De Stijlaesthetic
- dead focus zone→ Focus delegationaccessibility
- Dead zoneinteraction
- deadband→ Dead zoneinteraction
- deadzone→ Dead zoneinteraction
- debossed type→ Letterpress textaesthetic
- Debounceinteraction
- debouncing→ Debounceinteraction
- deceptive design→ Dark patternpattern
- deceptive pattern→ Dark patternpattern
- Decktypography
- deck scroll→ Stacking cardsmotion
- deco style→ Art Decoaesthetic
- deconstructed layout→ Broken gridlayout
- Deconstructed pancakelayout
- Decorative imageaccessibility
- deep press→ Force touchinteraction
- default avatar→ Identiconcomponent
- default browser look→ Brutalist web designaesthetic
- default consent→ Preselected opt-inpattern
- default focus→ Initial focusaccessibility
- deferred loading→ Lazy loadingpattern
- deferred registration→ Lazy registrationpattern
- definition list→ Description listcomponent
- Deformable UIaesthetic
- dek→ Decktypography
- Delaymotion
- delay cascade→ Staggermotion
- delegatesFocus→ Focus delegationaccessibility
- delete confirmation input→ Type to confirmpattern
- deleted items→ Soft deletepattern
- delight moment→ Confetti burstmotion
- delivery receipt→ Read receiptpattern
- demo loop→ Attract modemotion
- Densitylayout
- Density independent pixellayout
- dependent dropdowns→ Cascadercomponent
- depth effect→ Parallaxmotion
- Descendertypography
- descender line→ Descendertypography
- descent→ Descendertypography
- descent-override→ Font metric overridetypography
- described video→ Audio descriptionaccessibility
- Description listcomponent
- descriptions→ Description listcomponent
- descriptive link text→ Link purposeaccessibility
- descriptive transcript→ Transcriptaccessibility
- design axis→ Variation axistypography
- design panel→ Inspectorlayout
- design spec annotations→ Accessibility annotationaccessibility
- design token→ Color tokencolor
- desktop metaphor→ Interface metaphorpattern
- desktop windowing→ Multi-window modelayout
- destructive confirmation→ Confirmation dialogcomponent
- detail in place→ Focus plus contextlayout
- detail row→ Expandable rowcomponent
- details→ Disclosurecomponent
- detents→ Tick markscomponent
- deuteranopia→ Color vision deficiencyaccessibility
- device credential→ Passkeypattern
- device independent pixel→ Density independent pixellayout
- device motion trigger→ Motion actuationaccessibility
- device pixel ratio→ Pixel densitylayout
- Device posturelayout
- diagonal problem→ Hover intentinteraction
- dial→ Knobcomponent
- dial gauge→ Gaugecomponent
- Did you meanpattern
- Diegetic interfacepattern
- diegetic UI→ Diegetic interfacepattern
- dieselpunk→ Steampunkaesthetic
- digit entry view→ PIN inputcomponent
- Digital collageaesthetic
- dim layer→ Scrimcolor
- Dimensionalitymotion
- dip→ Density independent pixellayout
- dip to black→ Dissolvemotion
- dip to color→ Dissolvemotion
- Direct labelingpattern
- direct labels→ Direct labelingpattern
- Direct manipulationpattern
- direction-aware transition→ Directionalitymotion
- directional blur→ Motion blurmotion
- directional easing→ Asymmetric easingmotion
- directional layout margins→ Layout marginslayout
- directional navigation→ Spatial navigationaccessibility
- Directionalitymotion
- dirty state warning→ Unsaved changes guardpattern
- disabled but focusable→ Focusable disabledaccessibility
- disabled emphasis→ Emphasis levelcolor
- discard changes prompt→ Unsaved changes guardpattern
- Disclosurecomponent
- disclosure button→ Menu buttoncomponent
- disclosure control→ Disclosurecomponent
- disclosure indicator→ Disclosure trianglecomponent
- disclosure state→ Expanded stateaccessibility
- Disclosure trianglecomponent
- discrete interpolation→ Interpolationmotion
- discretionary hyphen→ Soft hyphentypography
- discretionary ligatures→ Ligaturetypography
- Disguised adpattern
- dismiss button→ Close buttoncomponent
- dismiss on outside click→ Light dismissinteraction
- dismissible→ Swipe to dismisspattern
- dismissible tooltip→ Hoverable, dismissible, persistentaccessibility
- Display cutoutlayout
- display density→ Densitylayout
- display mask→ Spanned layoutlayout
- Display P3→ Wide gamutcolor
- display: grid-lanes→ Grid laneslayout
- Dissolvemotion
- distance field→ Signed distance fieldtypography
- distance-based scaling→ Dock magnificationmotion
- distraction free reading→ Reader modeaccessibility
- distressed style→ Grunge designaesthetic
- Ditheringcolor
- div button→ Button versus linkaccessibility
- div soup→ Semantic HTMLaccessibility
- Diverging palettecolor
- diverging scale→ Diverging palettecolor
- Dividercomponent
- divider color→ Outline colorcolor
- divine proportion→ Golden ratiolayout
- divitis→ Semantic HTMLaccessibility
- dnd→ Drag and dropinteraction
- Dockcomponent
- dock badge→ Badgecomponent
- dock effect→ Dock magnificationmotion
- Dock magnificationmotion
- dock menu→ App shortcutcomponent
- docked composer→ Utility barcomponent
- docked utility bar→ Utility barcomponent
- document list→ File attachmentcomponent
- document map→ Minimapcomponent
- document outline→ Heading hierarchyaccessibility
- document title→ Page titleaccessibility
- Dolly and zoommotion
- DOM order→ Reading orderaccessibility
- dominant colour placeholder→ Progressive image loadingpattern
- dominant element→ Focal pointlayout
- dominant secondary accent→ 60-30-10 rulecolor
- don't rely on color→ Use of coloraccessibility
- doner menu→ Hamburger menucomponent
- donut progress→ Progress ringcomponent
- dopamine design→ Maximalismaesthetic
- Dot grid backgroundaesthetic
- dot pattern→ Dot grid backgroundaesthetic
- dot screen→ Halftoneaesthetic
- dotLottie→ Lottiemotion
- dotted background→ Dot grid backgroundaesthetic
- double activation→ Ghost clickinteraction
- Double clickinteraction
- double negative checkbox→ Trick wordingpattern
- double permission pattern→ Permission primingpattern
- double prime→ Prime marktypography
- double speak→ Accessible nameaccessibility
- Double tapinteraction
- double tap to like→ Double tapinteraction
- double touch→ Double tapinteraction
- double-A→ Conformance levelaccessibility
- double-click speed→ Double clickinteraction
- double-click to open→ Double clickinteraction
- double-tap to activate→ Explore by touchaccessibility
- double-tap to zoom→ Double tapinteraction
- down state→ Pressed stateinteraction
- down-event→ Pointer cancellationaccessibility
- download→ File attachmentcomponent
- dp→ Density independent pixellayout
- DPI→ Pixel densitylayout
- draft saving→ Autosavepattern
- draft stamp→ Watermarkcomponent
- Drag and dropinteraction
- drag and drop reordering→ Drag to reorderpattern
- drag and settle→ Follow-throughmotion
- Drag autoscrollinteraction
- drag capture→ Pointer captureinteraction
- drag ghost→ Drag previewpattern
- Drag handlecomponent
- drag hover expand→ Spring loadinginteraction
- drag image→ Drag previewpattern
- drag indicator→ Grabbercomponent
- drag overlay→ Drag previewpattern
- Drag previewpattern
- drag slop→ Drag thresholdinteraction
- Drag thresholdinteraction
- drag to change value→ Scrubby sliderinteraction
- drag to dismiss→ Interactive transitionmotion
- drag to pan→ Paninteraction
- drag to refresh→ Pull to refreshpattern
- Drag to reorderpattern
- drag tolerance→ Drag thresholdinteraction
- drag-mode menu→ Press-drag-releaseinteraction
- draggable number input→ Scrubby sliderinteraction
- Dragging alternativeaccessibility
- dragging movements→ Dragging alternativeaccessibility
- Dragon→ Voice controlaccessibility
- draw behind system bars→ Edge to edgelayout
- draw signature→ Signature padcomponent
- draw-on animation→ Line drawing animationmotion
- Drawercomponent
- drawer row→ Expandable rowcomponent
- drift→ Float animationmotion
- Drill-down navigationpattern
- drill-down transition→ Push transitionmotion
- drilldown→ Drill-down navigationpattern
- Drip pricingpattern
- drip profiling→ Progressive profilingpattern
- drop area→ Drop zoneinteraction
- Drop captypography
- Drop indicatorpattern
- drop line→ Drop indicatorpattern
- drop target→ Drop zoneinteraction
- drop target highlight→ Drop indicatorpattern
- Drop zoneinteraction
- drop-down→ Dropdowncomponent
- Dropdowncomponent
- dropdown button→ Split buttoncomponent
- dropdown caret→ Disclosure trianglecomponent
- dropdown list→ Selectcomponent
- dropdown menu→ Dropdowncomponent
- dropdown trigger→ Menu buttoncomponent
- dropped capital→ Drop captypography
- dropped frames→ Jankmotion
- dropper→ Eyedroppercomponent
- dropzone→ Drop zoneinteraction
- drum picker→ Wheel pickercomponent
- Dual axispattern
- dual listbox→ Transfer listcomponent
- dual pane→ Split viewlayout
- dual pane hero→ Split screen layoutlayout
- dual slider→ Range slidercomponent
- dual y-axis→ Dual axispattern
- dual-screen layout→ Spanned layoutlayout
- dumb quotes→ Smart quotestypography
- dummy text→ Lorem ipsumtypography
- Duotonecolor
- duotone filter→ Duotonecolor
- Durationmotion
- duration token→ Motion tokenmotion
- Dwell activationinteraction
- dwell click→ Dwell activationinteraction
- dwell target→ Touch target sizeaccessibility
- dynamic color→ Material Youaesthetic
- dynamic form rows→ Attribute editorcomponent
- dynamic guides→ Smart guidesinteraction
- dynamic island→ Display cutoutlayout
- Dynamic Typetypography