glossary
C
453 names, 342 of them aliases · all letters
- C in HCT→ Chromacolor
- C in OKLCH→ Chromacolor
- calc-size→ Height animationmotion
- Calendarcomponent
- calendar picker→ Date pickercomponent
- call-to-action link→ Button versus linkaccessibility
- Calloutcomponent
- callout label→ Chart annotationcomponent
- callout quote→ Pull quotetypography
- calm technology→ Zero UIpattern
- calt→ Contextual alternatestypography
- camcorder overlay→ VHS aestheticaesthetic
- camera move→ Dolly and zoommotion
- cancellation friction→ Roach motelpattern
- candy buttons→ Aquaaesthetic
- Canonical layoutlayout
- canonical layouts→ Canonical layoutlayout
- canvas→ Surface colorcolor
- CanvasText→ System color keywordcolor
- Cap heighttypography
- cap height trimming→ Text box trimtypography
- cap-height baseline→ Cap heighttypography
- capacity indicator→ Metercomponent
- capital case→ Title casetypography
- capital height→ Cap heighttypography
- capitals→ All capstypography
- caps→ All capstypography
- capsize→ Text box trimtypography
- CAPTCHAcomponent
- caption bar→ Title barcomponent
- caption buttons→ Window controlscomponent
- captioned image→ Figurecomponent
- Captionsaccessibility
- Cardcomponent
- card dashboard→ Dashboard gridlayout
- Card flipmotion
- Card gridlayout
- card lift→ Hover liftmotion
- card stack→ Swipe deckpattern
- card stack scroll→ Stacking cardsmotion
- card to detail transition→ Container transformmotion
- Caretinteraction
- caret browsing→ Caretinteraction
- Carouselcomponent
- carousel dots→ Page indicatorcomponent
- carousel pause control→ Pause, stop, hideaccessibility
- carousel row→ Content shelflayout
- CART→ Captionsaccessibility
- cart drawer→ Mini cartpattern
- cart preview→ Mini cartpattern
- cart summary→ Order summarypattern
- Cascadercomponent
- cascading grid layout→ Masonrylayout
- cascading lists→ Miller columnslayout
- cascading menu→ Submenucomponent
- cascading select→ Cascadercomponent
- Cassette futurismaesthetic
- cassette punk→ Cassette futurismaesthetic
- catchable animation→ Interruptible animationmotion
- Categorical palettecolor
- categorical scale→ Categorical palettecolor
- category axis→ Axiscomponent
- CC→ Captionsaccessibility
- celebration animation→ Confetti burstmotion
- center of interest→ Focal pointlayout
- CGI hero→ Hyperreal 3Daesthetic
- ch→ Ch unittypography
- Ch unittypography
- chain→ Streakpattern
- Chamferaesthetic
- chamfered corner→ Chamferaesthetic
- Change of contextaccessibility
- change on request→ Change of contextaccessibility
- changelog popover→ Feature spotlightpattern
- channel adjustment→ Relative color syntaxcolor
- char limit counter→ Character countercomponent
- character→ Glyphtypography
- character count→ Character countercomponent
- Character countercomponent
- Character key shortcutsaccessibility
- character legibility→ Legibilitytypography
- character subset→ Font subsettingtypography
- character unit→ Ch unittypography
- character variants→ Stylistic settypography
- character width unit→ Ch unittypography
- characters per line→ Measuretypography
- Chartcomponent
- chart alt text→ Chart descriptionaccessibility
- Chart annotationcomponent
- Chart aspect ratiolayout
- chart colors→ Categorical palettecolor
- Chart descriptionaccessibility
- chart junk→ Chartjunkpattern
- chart key→ Chart legendcomponent
- Chart legendcomponent
- Chartjunkpattern
- Chat bubblecomponent
- chat input→ Prompt inputcomponent
- cheap properties→ Compositor-only animationmotion
- Check answerspattern
- check box→ Checkboxcomponent
- check in check out picker→ Date range pickercomponent
- check your answers→ Check answerspattern
- check your email screen→ Magic linkpattern
- Checkboxcomponent
- checkbox card→ Selection cardcomponent
- checkboxes→ Checkboxcomponent
- checkout as guest→ Guest checkoutpattern
- Chevroncomponent
- chevron icon→ Chevroncomponent
- child menu→ Submenucomponent
- children are presentational→ Presentational childrenaccessibility
- Chipcomponent
- chip pattern→ Terrazzoaesthetic
- chips input→ Tag inputcomponent
- chiseled edge→ Bevel and embossaesthetic
- choice card→ Selection cardcomponent
- choice group→ Toggle groupcomponent
- Chorded shortcutinteraction
- chording→ Chorded shortcutinteraction
- choreographing content→ Content choreographylayout
- Chromacolor
- chroma reduction→ Gamut mappingcolor
- chromatic aberration→ Glitch aestheticaesthetic
- chromatic font→ Color fonttypography
- Chromelayout
- chrome aesthetic→ Y2K aestheticaesthetic
- Chunkingaccessibility
- CIELAB→ Color spacecolor
- circular loop animation→ Orbit animationmotion
- circular menu→ Radial menucomponent
- circular progress→ Progress ringcomponent
- circular reveal→ Reveal animationmotion
- circular slider→ Knobcomponent
- clamp typography→ Fluid typographytypography
- clamping→ Gamut mappingcolor
- Classic Invert→ Inverted colorsaccessibility
- clay UI→ Claymorphismaesthetic
- claymorphic design→ Claymorphismaesthetic
- Claymorphismaesthetic
- clean UI→ Minimalismaesthetic
- click delay→ Tap delayinteraction
- click here problem→ Link purposeaccessibility
- click outside to close→ Light dismissinteraction
- click target→ Touch targetinteraction
- click to cancel violation→ Roach motelpattern
- click to edit→ Inline editcomponent
- Click-throughinteraction
- click-through activation→ Click-throughinteraction
- clickable card problem→ Nested interactiveaccessibility
- client strip→ Logo cloudlayout
- clip reveal→ Wipemotion
- clip-path reveal→ Reveal animationmotion
- clipboard button→ Copy buttoncomponent
- clipped corner→ Chamferaesthetic
- clipping text→ Truncationtypography
- clock picker→ Time pickercomponent
- clone and move→ Cloningmotion
- Cloningmotion
- Close buttoncomponent
- close icon→ Close buttoncomponent
- close minimize maximize→ Window controlscomponent
- closed captions→ Captionsaccessibility
- closed counter→ Countertypography
- CLS→ Layout shiftlayout
- Clusterlayout
- cluttercore→ Maximalismaesthetic
- CMP→ Cookie consent bannerpattern
- CMYKcolor
- CMYK color model→ CMYKcolor
- Coach markcomponent
- coachmark→ Coach markcomponent
- code block→ Code editorcomponent
- Code editorcomponent
- code font→ Monospacetypography
- code minimap→ Minimapcomponent
- code view→ Code editorcomponent
- cognitive function test→ Accessible authenticationaccessibility
- Cognitive loadaccessibility
- collage aesthetic→ Digital collageaesthetic
- collapse animation→ Height animationmotion
- collapsible→ Disclosurecomponent
- collapsible list→ Accordioncomponent
- collapsing app bar→ Collapsing toolbarmotion
- Collapsing toolbarmotion
- collectible achievements→ Achievement badgepattern
- collection select filter→ Faceted filtercomponent
- collection view→ Card gridlayout
- Color aliascolor
- color alone→ Use of coloraccessibility
- color angle→ Huecolor
- color as the only cue→ Use of coloraccessibility
- Color bandingcolor
- color blending→ Color harmonizationcolor
- color blindness→ Color vision deficiencyaccessibility
- color chip→ Swatchcolor
- color chooser→ Color pickercomponent
- color circle→ Color wheelcolor
- color contrast→ Contrast ratiocolor
- color field→ Color wellcomponent
- Color fonttypography
- Color gamutcolor
- Color harmonizationcolor
- Color harmonycolor
- color input→ Color pickercomponent
- Color interpolationcolor
- color mixing→ color-mix()color
- color model→ Color spacecolor
- Color pickercomponent
- color picker tool→ Eyedroppercomponent
- color proportion rule→ 60-30-10 rulecolor
- Color rampcolor
- color relationship→ Color harmonycolor
- color ring→ Color wheelcolor
- Color rolecolor
- color sample→ Swatchcolor
- color scale→ Color rampcolor
- Color schemecolor
- color slot→ Color rolecolor
- Color spacecolor
- Color stopcolor
- color swatch button→ Color wellcomponent
- Color temperaturecolor
- Color themecolor
- Color tokencolor
- color transition→ Gradientcolor
- color variable→ Color tokencolor
- Color vision deficiencyaccessibility
- Color wellcomponent
- Color wheelcolor
- color wheel picker→ Color pickercomponent
- color-gamut media query→ Color gamutcolor
- color-mix()color
- color-only information→ Use of coloraccessibility
- colorfulness→ Saturationcolor
- colorSpace→ Color spacecolor
- colour alone→ Use of coloraccessibility
- colour angle→ Huecolor
- colour chip→ Color wellcomponent
- colour contrast→ Contrast ratiocolor
- colour inversion→ Inverted colorsaccessibility
- colourfulness→ Saturationcolor
- COLR font→ Color fonttypography
- COLRv1→ Color fonttypography
- column board→ Kanban boardlayout
- column divider→ Column resizercomponent
- Column droplayout
- column drop pattern→ Column droplayout
- column gap→ Gutterlayout
- column grid→ Layout gridlayout
- column grip→ Column resizercomponent
- column header→ Header associationaccessibility
- Column offsetlayout
- Column resizercomponent
- column rule→ Text columnslayout
- column view→ Miller columnslayout
- column width→ Measuretypography
- column-count→ Text columnslayout
- combo box→ Comboboxcomponent
- combo button→ Split buttoncomponent
- combo chart→ Dual axispattern
- combo key→ Chorded shortcutinteraction
- Comboboxcomponent
- comfortable, cozy, compact→ Densitylayout
- comic dots→ Halftoneaesthetic
- comic style→ Pop art styleaesthetic
- command bar→ Toolbarcomponent
- command list→ Action listcomponent
- command menu→ Command palettecomponent
- Command palettecomponent
- comment box→ Text areacomponent
- Commitment patternlayout
- Common regionlayout
- communicating unsaved changes→ Unsaved changes guardpattern
- compact, medium, expanded→ Window size classlayout
- Comparison preventionpattern
- comparison slider→ Image comparison slidercomponent
- Comparison tablecomponent
- Complementary colorscolor
- complete multiple tasks→ Onboarding checklistpattern
- completeness meter→ Steps leftpattern
- complex image description→ Long descriptionaccessibility
- compliance plugin→ Accessibility overlayaccessibility
- Complicationcomponent
- component query→ Container querylayout
- composer→ Prompt inputcomponent
- composing indicator→ Typing indicatorcomponent
- composite widget focus→ Roving tabindexinteraction
- composite: add→ Additive animationmotion
- compositing→ Alpha compositingcolor
- compositional balance→ Visual balancelayout
- compositional thirds→ Rule of thirdslayout
- Compositor-only animationmotion
- Compound gridlayout
- compound grids→ Compound gridlayout
- compound tag→ Tagcomponent
- conceptual metaphor→ Interface metaphorpattern
- condensing header→ Collapsing toolbarmotion
- condition builder→ Rule builderpattern
- confetti→ Confetti burstmotion
- Confetti burstmotion
- confetti texture→ Terrazzoaesthetic
- confetti-free announcement→ ARIA notifyaccessibility
- confidence band→ Error barcomponent
- confidence interval→ Error barcomponent
- confirm and submit→ Check answerspattern
- confirm dialog→ Confirmation dialogcomponent
- confirm popover→ Popconfirmcomponent
- confirmation by typing→ Type to confirmpattern
- Confirmation dialogcomponent
- Confirmation pagepattern
- Confirmshamingpattern
- Conformance levelaccessibility
- confusing wording→ Trick wordingpattern
- Conic gradientcolor
- connection status bar→ Offline indicatorpattern
- consent management platform→ Cookie consent bannerpattern
- consent maze→ Privacy zuckeringpattern
- consent notice→ Cookie consent bannerpattern
- Consistent helpaccessibility
- Consistent identificationaccessibility
- consistent labelling→ Consistent identificationaccessibility
- consistent navigation→ Consistent identificationaccessibility
- console UI→ Terminal aestheticaesthetic
- constellation effect→ Particle backgroundmotion
- constrained width→ Containerlayout
- Constructivismaesthetic
- constructivist design→ Constructivismaesthetic
- contact list harvesting→ Friend spampattern
- Containerlayout
- container based switch→ Switcherlayout
- Container colorcolor
- container grouping→ Common regionlayout
- Container querylayout
- container query layout→ Container querylayout
- Container transformmotion
- Containing blocklayout
- containment query→ Container querylayout
- Content choreographylayout
- content chunking→ Chunkingaccessibility
- content gate→ Paywallpattern
- content inset→ Layout marginslayout
- content jump→ Layout shiftlayout
- content on hover or focus→ Hoverable, dismissible, persistentaccessibility
- content out layout→ Intrinsic web designlayout
- content placeholder→ Skeleton screenpattern
- content reflow order→ Content choreographylayout
- Content shelflayout
- content switcher→ Segmented controlcomponent
- content well→ Containerlayout
- contentDescription→ Accessible nameaccessibility
- contents→ Table of contentspattern
- context change→ Change of contextaccessibility
- context click→ Secondary clickinteraction
- Context menuinteraction
- contextual action bar→ Bulk actionspattern
- Contextual alternatestypography
- contextual forms→ Contextual alternatestypography
- contextual help→ Help drawerpattern
- contextual menu→ Context menuinteraction
- contextual navigation→ Local navigationlayout
- contextual substitution→ Contextual alternatestypography
- contiguous selection→ Range selectinteraction
- continue with Google→ Social loginpattern
- continuity transition→ Directionalitymotion
- continuous corner radius→ Squircleaesthetic
- continuous scrolling→ Infinite scrollpattern
- contouring→ Color bandingcolor
- contrast checker→ Contrast ratiocolor
- contrast color→ On-colorcolor
- Contrast ratiocolor
- contrast themes→ Forced colors modecolor
- contrasting colors→ Complementary colorscolor
- control card→ Selection cardcomponent
- Control Center control→ Quick settings tilecomponent
- control-click→ Secondary clickinteraction
- cookie banner→ Cookie consent bannerpattern
- Cookie consent bannerpattern
- cool gray→ Color temperaturecolor
- cool grey→ Color temperaturecolor
- Copy buttoncomponent
- copy icon→ Copy buttoncomponent
- copy to clipboard→ Copy buttoncomponent
- core token→ Primitive color tokencolor
- corner grip→ Resize handlecomponent
- corporate bar→ Universal navigationlayout
- corporate colors→ Brand colorcolor
- Corporate Memphisaesthetic
- cost breakdown→ Order summarypattern
- count badge→ Badgecomponent
- Count-up animationmotion
- Countdown timerpattern
- Countertypography
- Coverlayout
- cover and contain→ View progress timelinemotion
- cover vertical→ Modal presentationmotion
- CPL→ Measuretypography
- crawling ants→ Marching antsmotion
- create flow modal→ Tearsheetcomponent
- critical→ Status colorcolor
- critical FOFT→ FOFTtypography
- critically damped→ Dampingmotion
- cross dissolve→ Crossfademotion
- cross-document view transition→ View transitionmotion
- cross-fade→ Crossfademotion
- cross-page selection→ Select all across pagespattern
- crossed out→ Strikethroughtypography
- Crossfademotion
- crossfilter→ Brushinginteraction
- CRT effect→ Scanlinesaesthetic
- crumbs→ Breadcrumbscomponent
- CSS anchor positioning→ Anchor positioninglayout
- CSS color keywords→ Named colorcolor
- CSS custom property→ Color tokencolor
- CSS fragmentation→ Page breaklayout
- CSS grid level 3→ Grid laneslayout
- CSS Motion Path→ Motion pathmotion
- CSS multi-column layout→ Text columnslayout
- cta button→ Buttoncomponent
- Cubic beziermotion
- cumulative layout shift→ Layout shiftlayout
- curb cut→ Curb cut effectaccessibility
- Curb cut effectaccessibility
- curl transition→ Page curlmotion
- curly quotes→ Smart quotestypography
- Current page indicatoraccessibility
- current step→ Current page indicatoraccessibility
- currentColorcolor
- cursive→ Italictypography
- cursor attraction→ Magnetic buttonmotion
- cursor dot→ Cursor followermotion
- Cursor followermotion
- cursor lock→ Pointer lockinteraction
- Cursor paginationpattern
- cursor trail→ Cursor followermotion
- cursor-based pagination→ Cursor paginationpattern
- curved apostrophe→ Smart quotestypography
- curved motion path→ Arc motionmotion
- custom axis→ Variation axistypography
- custom cursor→ Cursor followermotion
- custom font→ Web fonttypography
- custom role name→ Role descriptionaccessibility
- custom scrollbar→ Scrollbar colorcolor
- cut corner→ Chamferaesthetic
- cut y-axis→ Truncated axispattern
- cut-out collage→ Digital collageaesthetic
- cute UI→ Kawaii UIaesthetic
- cutout→ Display cutoutlayout
- CVD→ Color vision deficiencyaccessibility
- cybercore→ Y2K aestheticaesthetic
- cyberpunk aesthetic→ Cyberpunk UIaesthetic
- cyberpunk style→ Cyberpunk UIaesthetic
- Cyberpunk UIaesthetic