Single-Page Layout
단일 페이지 레이아웃
Single-Page Layout은 하나의 긴 화면에 메인 이야기나 작업을 담아둬.
다른 예시
컨퍼런스 페이지는 약속, 일정, 연설자, 장소, 등록을 한 번에 쭉 볼 수 있게 묶어서 보여줘요.
주요 부분
- 01Outer constraint
- 02Content and spacing model
- 03Computed size or reflow result
사용할 때
모든 콘텐츠가 하나의 명확한 선택을 지지하고 한 흐름으로 읽는 것이 가장 좋을 때 사용하세요.
다음 경우에는 사용하지 마세요
관련 없는 작업, 큰 지식 베이스, 또는 자주 다시 방문하는 콘텐츠를 하나의 끝없는 페이지로 합치지 마세요.
코드에서 사용된 이름
section landmarks + anchor navigation 출시하기 전에
Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience.
Outcome：Complete the task with 단일 페이지 레이아웃 (Single-Page Layout)。 User context：컨퍼런스 페이지는 약속, 일정, 연설자, 장소, 등록을 한 번에 쭉 볼 수 있게 묶어서 보여줘요. Design concept to apply：단일 페이지 레이아웃 (Single-Page Layout)。 Why it fits：모든 콘텐츠가 하나의 명확한 선택을 지지하고 한 흐름으로 읽는 것이 가장 좋을 때 사용하세요. Do not use it when：관련 없는 작업, 큰 지식 베이스, 또는 자주 다시 방문하는 콘텐츠를 하나의 끝없는 페이지로 합치지 마세요. Design requirements: Set the content order, shared design values, and reusable components. Define how the layout changes by screen size and state. Keep useful design choices separate from decoration. Inclusion and resilience: Check contrast, zoom, languages, themes, and reduced motion when needed. Do not use color or effects as the only way to show meaning. Acceptance criteria: The design stays clear on phones and desktops, at zoom, in every theme, and in all supported languages. Interactive states stay clear and consistent. Evidence and limits (evidence boundary)：하나의 공식 표준이 전체 용어를 통제하지 않음. 의미는 팀, 플랫폼 또는 프레임워크마다 달라질 수 있음. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.
이 요청을 확인하세요
Review how 단일 페이지 레이아웃 (Single-Page Layout) is used now. Definition: Single-Page Layout은 하나의 긴 화면에 메인 이야기나 작업을 담아둬. Release checks: Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.