Entry
원본: projects/skill-lens/design/components/Entry/README.md
상태: In Progress, 접근성 ✓, 다크 보류, 코드 ✗
입구 폰(8판 login~0 폰): 렌즈 120 가운데, 큰 워드마크 56, 카드 안은 왼쪽
첫 화면(로그인, 비밀번호 만들기)입니다. 원본은 8판 login~0과 setpw. 빛 이미지 바탕, 오른쪽 큰 렌즈, 큰 워드마크와 한 줄, 유리 카드 하나.
쓰는 곳
로그인, 비밀번호 만들기, 비밀번호 찾기. PC 꼴은 EntryPC 견본, 마침은 같은 틀의 sl-entry--done(Completion).
구성(화면이 넘겨줄 것)
로그인 처리, 바뀌는 한 줄 문구, 링크 줄, 렌즈 자리에 MARK('ent').
규칙
- 틀:
sl-entry>sl-entry__lens,sl-entry__top,sl-entry__work>sl-entry__col>sl-entry__head+sl-entry__panel. - 제목은 큰 워드마크만(
sl-wordmark--xl, PC 72, 폰 56, 한 색). 그 아래 한 줄(sl-rotline, "스킬을 보는 눈"). 위 왼쪽 작은 워드마크는 로그인에서 숨깁니다. - PC: 본문 왼쪽 72, 위 고정선 168(화면마다 같음), 묶음 폭 560 사이 28, 유리 카드 440(흰 62% + 블러 18, 둥글기 24, 안쪽 32). 렌즈 500은 오른쪽 9%, 커서를 따라 12도까지 기울어집니다.
- 폰: 렌즈 120 가운데 위 80, 본문 위 168. 렌즈와 제목과 부제만 가운데, 카드(흰 92%, 안쪽 16, 둥글기 14) 안은 왼쪽.
- 입력 묶음은
sl-form(라벨과 칸 6, 묶음 20, 마지막 칸과 주 버튼 20). - 로그인 아래 링크 한 줄(
sl-linkrow): 왼쪽 비밀번호 찾기(14 먹색), 오른쪽 이용약관과 개인정보 처리방침(13 회색). 주 버튼과 12 떨어짐. - 동의 줄(
sl-agrees>sl-agree): 체크 24 + 10 + 글 14, 문서 이름 낱말에 밑줄, "보기" 없음. - SSO는 제품에 없으므로 그리지 않습니다.
- 상태: 조직 고르기(시트), 잠금(5회 실패, 확인 창), 세션 만료(확인 창). 밤색 입구는
sl-entry--night(NightPanel).
접근성
- 움직임 줄이기에서 렌즈는 정지 꼴(
MARK(false)), 기울기 없음. - 링크와 동의 낱말의 누름 영역은 24 이상.
이 사이트는 ideber 저장소 projects/skill-lens/ 에서 자동으로 만들어집니다. 고칠 때는 저장소를 고칩니다. 공개 주소이지만 검색엔진에는 나오지 않습니다.