Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Component Library 컴포넌트 라이브러리

A collection of reusable interface components.

Specifying visual language and design systems.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Pattern Library 패턴 라이브러리

Documentation collecting interface solutions for recurring user tasks.

Specifying visual language and design systems.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Design Token 디자인 토큰

A named design value, such as a color, size, or spacing measurement.

Specifying visual language and design systems.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Semantic Token 의미 기반 토큰

A token named for its purpose rather than its raw visual value.

Specifying visual language and design systems.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Color Palette 색상 팔레트

An organized set of colors used in a product.

Specifying visual language and design systems.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Typography Scale 타이포그래피 스케일

A system of font sizes for headings, body text, and supporting text.

Specifying visual language and design systems.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Type Hierarchy 타이포그래피 위계

Expressing importance through type size, weight, and spacing.

Specifying visual language and design systems.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Spacing Scale 간격 스케일

A systematic set of margin and spacing values.

Specifying visual language and design systems.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Elevation 표면 높이 위계

Expressing an element's depth and priority through shadows and layering.

Specifying visual language and design systems.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Shadow Token 그림자 토큰

A reusable setting for consistent shadow appearance.

Specifying visual language and design systems.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Border Radius 모서리 곡률

The degree of rounding at an element's corners.

Specifying visual language and design systems.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Stroke / Border 선·테두리

A line treatment used to define boundaries or structure.

Specifying visual language and design systems.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Opacity 불투명도

An element's degree of transparency or opaqueness.

Specifying visual language and design systems.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Illustration System 일러스트레이션 시스템

Rules governing illustration style and composition within a product.

Specifying visual language and design systems.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Design Variant 디자인 변형

An alternative form of a component adapted to a particular use.

Specifying visual language and design systems.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Component State 컴포넌트 상태

Defined component states, such as default, hover, focus, selected, and error.

Specifying visual language and design systems.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Atomic Design 아토믹 디자인

A design approach that builds larger interfaces by combining smaller parts.

Specifying visual language and design systems.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Wireframe 와이어프레임

A screen draft emphasizing structure and content priorities rather than color or decoration.

Managing references as design evidence with constraints and validation criteria, rather than images to copy.

Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability.

Reference

Mockup 목업

A representation showing how a design looks in a product or screen context.

Defining consistency and production specifications for branding, packaging, product pages, and print.

The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements.

Reference

Prototype 프로토타입

A working model for testing flows and behavior.

Specifying visual language and design systems.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Interaction Spec 인터랙션 명세

A document defining user input and the resulting states and responses.

Specifying visual language and design systems.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference