Cards, rows, tiles and cells are fixed slot models that stay aligned when content length varies. Use when building or reviewing any repeated component.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
503건 · 관련도순
Cards, rows, tiles and cells are fixed slot models that stay aligned when content length varies. Use when building or reviewing any repeated component.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Small purposeful animations — toggles, animated icons, success moments. Use when designing interactive feedback, success states or loaders.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Naming, navigation, a UI that mirrors the data model, confirms for irreversible changes. Use when structuring a large application or naming its entities.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Mobile, tablet and desktop are different paradigms, not one layout scaled. Use when designing responsive layouts or deciding what each breakpoint shows.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Semantic HTML5, SEO basics, alt text, progressive enhancement and SPA concerns. Use when building web UI, reviewing markup or optimising for search.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Sticky headers, bottom toolbars, floating action buttons and pinned table headers. Use when deciding what stays on screen while the user scrolls.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
rem, px or relative units for each kind of value. Use when defining spacing and sizing tokens, control heights or media queries, or when a layout breaks under enlarged text.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Derive a full UI palette from one or two brand colours — state variants, brand-tinted greys, semantic colours. Use when building or expanding a colour system.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Tabs swap views under a shared context. Use when designing tabbed layouts, settings pages, detail views or dashboards with several data views.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Nielsen's 10 usability heuristics. Use when auditing an interface, designing interaction flows, writing error messages or reviewing usability.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Disney's animation principles and cinematic technique applied to UI motion. Use when designing transitions, scroll animations or onboarding motion.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Group controls with Gestalt principles so users see what belongs together. Use when laying out components, navigation, toolbars, forms or dashboards.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
WCAG 2.2 AA compliance as required by the European Accessibility Act. Use when designing, building or reviewing any user-facing interface for accessibility.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Size, colour, weight and position mark what matters most. Use when designing button groups, CTAs, cards, dashboards or any layout with a primary action.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Dense, linear, status-at-a-glance UI for specialists who use a tool all day. Use when designing dispatch, warehouse, logistics, scheduling or other B2B operations tools.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Cards, drawers, carousels and other patterns borrowed from the physical world. Use when designing layout patterns, gestures or navigation paradigms.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Show where the user is and what their actions affect — breadcrumbs, regions, scope labels. Use when designing deep navigation or multi-section layouts.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Match information density to platform and user type. Use when designing data tables, dashboards or toolbars, or adapting a desktop product for mobile.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
A marketing site and its product may differ in density and scale but share one token layer. Use when the two drift apart, share components or need a single token owner.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Few semantic colours, each meaning one thing, and errors with a way forward. Use when designing status indicators, validation, alerts or error states.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Set a surface apart by one means — border, elevation or fill — and keep opacity for state. Use when designing cards, panels, list rows, toolbars or any container.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Currency, language, region and unit selectors live in a low-profile header or footer spot. Use when designing locale switchers or product-wide preference controls.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Toasts, inline errors, banners and recovery paths. Use when designing error states, success confirmations, async feedback or in-place editing.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Spinners, skeletons and staggered reveals that manage wait times. Use when designing loading states, async data or the feel of a slow interface.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.