button-primary · 116×52
명함관리에서 출발해 경력채용과 커뮤니티까지 끌어안은 직장인 플랫폼. 화면 전체를 무채색으로 덮고 오렌지 한 점만 남기는 절제가 이 브랜드의 시각적 서명이다.
button-primary · 116×52
button-base · height 32
가운데는 hover를 고정해 둔 것이다. 필터 글자·토스트·가입 CTA처럼 제품이 --rui-* 밖 값을 하드코딩한 자리는 이 재현이 가장 가까운 토큰으로 바꿔 칠한다.
button-cta-orange · 67×32
search-input · 817×52
검색 결과 — 프로덕트 디자이너 · UX 디자이너
filter-button · 42px / tab · 선택 시 검정 필
chip · avatar
toast · shadow-2
dialog · shadow-3
공개하면 채용 담당자가 회원님의 경력을 검색할 수 있습니다.
md에 dialog 스펙이 없어 액션 두 개의 치수는 button-base에서 빌렸다.
progress-bar · 유일한 유채색 그림자
role 표면 — 상태는 연한 배경 + 같은 이름의 전경
list · hairline-top (블러 0의 경계선)
아래 목록의 회사명·포지션 수·경력 구간·마감일과 ‘프리미엄 대표기업’·‘신규’ 표기는 레이아웃 시연용 더미 값입니다. 실제 채용 공고나 기업 자격·순위를 나타내지 않습니다.
진입 모션은 셀에 커서를 올릴 때 재생된다. 이징을 어느 컴포넌트에 얹을지는 이 재현의 선택이다.
아래 화면의 회사명·포지션 수·경력 구간·등록 시점·연봉 필터 라벨과 ‘프리미엄 대표기업’·‘열람함’·‘마감 N일 전’ 같은 표기는 모두 레이아웃 시연을 위해 꾸며 낸 더미 값입니다. 실제 채용 공고나 기업 자격·순위·연봉 정보를 나타내지 않습니다.
검은 바 위 워드마크는 명도만 반전해 세운 것이라 순백이 된다 — 브랜드가 허용하는 오프화이트와는 다른 값이고, 그 오프화이트는 --rui-* 토큰 세트 밖이라 이 재현이 칠할 수 없다.
아래 화면의 글 제목·회원명·안내 문구·조회/좋아요/댓글 수·추천 순번·관심 주제 목록, 그리고 ‘베스트글’·‘추천글’ 선정 표기는 모두 레이아웃 시연을 위해 꾸며 낸 더미 값입니다. 실제 게시물이나 인기·추천 순위를 나타내지 않습니다.
중앙 열의 스트립과 검색 필드만 제품이 토큰 밖 값으로 칠한다 — 이 재현은 가장 가까운 배경 토큰을 썼고, 카드는 흰 면에 헤어라인으로 둔다.