ko/design.md 카탈로그 프리뷰 — 이 카탈로그는 어떤 브랜드와도 제휴·후원 관계가 없습니다. 이 화면은 공식 배포본이 아닌 공개 자료 기반 비공식 재현이며, 표시된 상품·가격·평점·거래·채용 정보는 레이아웃 시연용 더미 데이터입니다.
Remember Square

기회가 열린다, 리멤버

명함관리에서 출발해 경력채용과 커뮤니티까지 끌어안은 직장인 플랫폼. 화면 전체를 무채색으로 덮고 오렌지 한 점만 남기는 절제가 이 브랜드의 시각적 서명이다.

액션 — 검정이 기본, 오렌지는 한 자리

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 표면 — 상태는 연한 배경 + 같은 이름의 전경

마감 임박 검토 중 열람함 합격 AI 추천 AI 요약 관심 급상승 신규 종료

list · hairline-top (블러 0의 경계선)

아래 목록의 회사명·포지션 수·경력 구간·마감일과 ‘프리미엄 대표기업’·‘신규’ 표기는 레이아웃 시연용 더미 값입니다. 실제 채용 공고나 기업 자격·순위를 나타내지 않습니다.

[A] [회사명 A] · 프로덕트 디자이너 서울 · 경력 [N]년 이상 · [N]개 포지션 프리미엄 대표기업
[B] [회사명 B] · 프론트엔드 엔지니어 경기 · 경력 무관 · [N]개 포지션 마감 [N]일 전
[C] [회사명 C] · 데이터 애널리스트 부산 · 경력 [N]년 이상 · [N]개 포지션 신규

진입 모션은 셀에 커서를 올릴 때 재생된다. 이징을 어느 컴포넌트에 얹을지는 이 재현의 선택이다.

화면 재현 — career 공고 목록

아래 화면의 회사명·포지션 수·경력 구간·등록 시점·연봉 필터 라벨과 ‘프리미엄 대표기업’·‘열람함’·‘마감 N일 전’ 같은 표기는 모두 레이아웃 시연을 위해 꾸며 낸 더미 값입니다. 실제 채용 공고나 기업 자격·순위·연봉 정보를 나타내지 않습니다.

검은 바 위 워드마크는 명도만 반전해 세운 것이라 순백이 된다 — 브랜드가 허용하는 오프화이트와는 다른 값이고, 그 오프화이트는 --rui-* 토큰 세트 밖이라 이 재현이 칠할 수 없다.

화면 재현 — community 메인 피드

아래 화면의 글 제목·회원명·안내 문구·조회/좋아요/댓글 수·추천 순번·관심 주제 목록, 그리고 ‘베스트글’·‘추천글’ 선정 표기는 모두 레이아웃 시연을 위해 꾸며 낸 더미 값입니다. 실제 게시물이나 인기·추천 순위를 나타내지 않습니다.

중앙 열의 스트립과 검색 필드만 제품이 토큰 밖 값으로 칠한다 — 이 재현은 가장 가까운 배경 토큰을 썼고, 카드는 흰 면에 헤어라인으로 둔다.