스켈레톤 / 테마 읽기 데스크

같은 콘텐츠, 세 가지 테마.

전체 읽기 카드를 그대로 보면서 실제 Skeleton 5.0.1 팔레트와 표면 조합, 네이티브 CSS 컴포넌트를 살펴보세요.

기존 OpenDesign 연구
읽기 · 4분

다음 단계를 더 쉽게 찾도록 돕기

유용한 인터페이스는 모든 세부 사항이 주의를 끌기 위해 경쟁하게 만들지 않으면서 다음 행동을 안내합니다. 먼저 완성된 콘텐츠를 준비한 다음, 테마를 바꿔도 콘텐츠의 위계가 어떻게 유지되는지 살펴보세요.

  • 밝은 화면과 어두운 화면 모두에서 제목을 명확하게 유지하세요.
  • 관련 정보를 묶을 때 보조 표면을 사용하세요.
  • 중요한 상태를 색상만이 아니라 텍스트로도 표시하세요.

이 읽기 카드는 저장되지 않았습니다.

Skeleton의 실제 Tailwind CSS 유틸리티와 제공 테마 세 가지를 사용합니다. 페이지 로직은 기존의 일반 JavaScript로 작성되었으며 Skeleton Svelte 또는 React 컴포넌트 런타임은 로드되지 않습니다. 저장은 이 페이지만 변경하며 어떤 데이터도 전송하지 않습니다.