GlassFrame

원본: projects/skill-lens/design/components/GlassFrame/README.md

상태: In Progress, 접근성 ✓, 다크 ✓, 코드 ✗

상단 바 60px과 하단 띠 80px. 유리는 틀에만 씁니다

견본만 새 창으로

위 바와 아래 띠를 유리로 만드는 틀 재료입니다. 원본은 8판 .fpc .top, .band, .wm .lt.

쓰는 곳

Shell의 위와 아래.

구성(화면이 넘겨줄 것)

워드마크, 진행 점, 가이드와 사용자, 아래 띠의 버튼 둘과 이유 한 줄.

규칙

• 유리(glass + 블러 20)는 틀에만.
• 워드마크 앞 마크는 30 연보라 타일 안 마크 26(sl-topbar__mark).
• 위 바 오른쪽 글은 13 회색, 아래 띠 이유는 13 회색.
• 온보딩 화면의 버튼은 둘까지(이전 + 주 버튼), 나머지는 링크.

접근성

• 유리 위 작은 글의 대비는 바탕 canvas 기준 4.5:1 이상.

이 사이트는 ideber 저장소 projects/skill-lens/ 에서 자동으로 만들어집니다. 고칠 때는 저장소를 고칩니다. 공개 주소이지만 검색엔진에는 나오지 않습니다.