화면
2026-09-22 녹화한 실제 공고 45건 + 가상 회사 1곳(서울 강남 · 2023 설립 · AI).
- C7 랜딩 →히어로(글래스 주 무대) · 회사명 1입력 · Slack CTA · 오늘 올라온 공고
- 회사 확인(온보딩) →DART 값 확인 + 창업 단계·기술분야 필수 선택
- 07-A 검색 메인 →히어로 검색창 · 필터 칩(판정 차원) · 스타트업 토글 · 카드 그리드 1→2→3열
- 07-B 검색 결과 →레일 · 어시스턴트 패널 · 결과 그리드 — 카드를 누르면 07-C 상세 모달
- C9 상세 페이지 (제외 예) →판정 카드 · 공고 요약 · 원문 형광펜 · 지원 전 확인 목록
- C9 상세 페이지 (판정불가 예) →참여 제한 사유 묶음 — 한 번에 답하기
- C9 상세 페이지 (요건 적합 예) →녹화 데이터 중 유일한 요건 적합
- 북마크 →저장한 공고 — 판정 4단계 묶음 배치(9/23 결정)
- C11 푸시 설정 →Slack 연결 · 채널 · 즉시/데일리/리마인드 · 테스트 발송 · 투명 효과 줄이기
결정해 주실 배치
- 9/23 반영: 상세는 공고 요약이 첫 탭, 판정 카드는 요약 안 접이식 섹션(접으면 얇은 막대로 요건 수·상태)
- 9/23 반영: 레일 '내 판정' → '북마크'(저장한 공고) · 판정 4단계 묶음 배치
- 9/23 반영: 어시스턴트는 둥근 플로팅 글래스 · 왼쪽으로 접으면 카드 4열 · 탭은 '어시스턴트 / 기록' · 높이는 대화 길이만큼 · 입력창은 분리된 반투명 카드
- 9/23 반영: 공고 카드 모서리를 20px → 14px 로 샤프하게 (패널 20px · 입력창 16px)
- 9/23 반영: 검색바·어시스턴트 입력창은 글래스를 가장 강하게(blur 28 · saturate 200%) · 북마크도 지원사업/입찰 탭
- 9/23 반영: 공고를 지원사업 / 입찰 탭으로 분리(입찰은 나라장터 12건 녹화)
- 남은 것: 랜딩 상단 메뉴 형태 (사용자 코멘트 대기)
- 남은 것: 입찰 카드 요약이 조달 분류 문구라 읽기 어렵다 — 요약을 따로 만들지 여부
판정 배지
의미색 채운 원 + 대비 나는 글리프 + 잉크 라벨. 판정불가는 점선, 제외는 굵은 실선 — 색만으로 구분하지 않는다.
요건 적합조건부판정불가제외회사 입력 시 판정
요건 적합
조건부
판정불가
제외
팔레트 (밝은 배경 대비 실측)
프라이머리
#16A7FF
면·그라디언트만 (2.52:1)
세컨더리
#22C5FF
면·그라디언트만 (1.92:1)
딥네이비
#16254B
헤딩 (14.4:1)
프라이머리 딥
#0F6FCC
링크·버튼 (4.85:1)
틴트
#EAF8FF
콜아웃 배경
베이스
#F7FBFF
페이지 배경
잉크
#102033
본문 (15.8:1)
글래스 3단계
full
blur 24 · 판정 카드·히어로·패널·모달 (화면당 ≤ 6)
lite
blur 12 · 목록 카드·칩
solid
불투명 폴백 · 투명도 줄이기·저사양
브랜드 버튼 (잉크 글자)