Surface on SITE

Surface on SITE https://hugo-test-pro-8.pages.dev/ko/tags/surface/ Recent content in Surface on SITE — SITE SITE https://hugo-test-pro-8.pages.dev/social.png https://hugo-test-pro-8.pages.dev/social.png Hugo -- 0.147.7 ko-KR 색상과 표면 https://hugo-test-pro-8.pages.dev/ko/blog/lab/10-foundation/color-surface/ Mon, 01 Jan 0001 00:00:00 +0000 https://hugo-test-pro-8.pages.dev/ko/blog/lab/10-foundation/color-surface/ <h1 id="color-surface">color surface</h1> <h2 id="테스트-목적">테스트 목적</h2> <p>배경과 카드, 보조 표면의 위계가 분리되어야 합니다. 같은 색을 쓰더라도 역할이 다르면 시각적 레이어가 달라 보여야 합니다.</p> <h2 id="확인-항목">확인 항목</h2> <ul> <li>페이지 배경과 카드가 섞이지 않는가</li> <li>강조 영역이 너무 많지 않은가</li> <li>라이트와 다크에서 바탕 인상이 유지되는가</li> </ul> <h2 id="시각-샘플">시각 샘플</h2> <figure class="figure-frame &lt;nil&gt;"><a href="<nil>" target="<nil>" rel="<nil>"><img src="https://hugo-test-pro-8.pages.dev/images/theme-upgrade-lab/cover.svg" alt="색상 표면 예시" width="<nil>" height="<nil>" loading="<nil>"></a><figcaption><h4>표면 레이어</h4><p>static 이미지를 사용해 figure 렌더링과 비주얼 계층을 함께 점검합니다. <a href="<nil>"> </a></p>