Peek
PeekPrompt의 모든 그림은 만들어지기 전에 먼저 쓰였어요. 엿보기가 곧 이 제품이에요. 이미지 너머에서 그것을 만든 단어를 읽어 보세요.
01
이미지 뒤에 있는 것
하나의 단어, 하나의 형태, 하나의 색. 마크의 각 요소는 같은 짧은 이야기를 들려줘요.
열쇠 구멍
P의 둥근 안쪽 공간이 열쇠 구멍이에요. 안을 들여다볼 수 있지만, 잠긴 방도 있어요. Reserve 프롬프트는 그 너머에 있어요.
금빛 빛
빛은 문 아래에서 새어 나와요. 금색은 그 뒤에서 기다리는 것을 뜻해요. 그래서 금색은 오직 멤버십만을 나타내요.
02
로고 체계
네 가지 마크, 하나의 가족. 공간이 있으면 락업을, 스탬프로는 씰을, 작아지면 모노그램을 쓰세요.
기본 락업
씰 + 워드마크. 헤더, 소개 문서, 보도자료용.
씰
기본 마크이자 공식 스탬프. 40px 이상에서는 전체 씰을 쓰고, 그보다 작으면 링 텍스트가 자동으로 빠져요.
모노그램
열쇠 구멍 모양의 P만 사용. 32px 이하에서 쓰세요.
워드마크
윤곽선으로 변환한 Sora 650. 우리 UI에서는 항상 씰과 함께 써요.
전체 파일
벡터 SVG. 배경에 맞는 버전을 고르세요.
03
여백과 최소 크기
마크에 여백을 주고, 잘 읽히도록 충분한 픽셀을 확보하세요.
여백
사방에 x만큼의 여백을 두세요. x는 열쇠 구멍의 높이예요. 이 영역에는 텍스트, 가장자리, 다른 로고를 넣지 않아요.
x = 열쇠 구멍 높이
최소 크기
링 텍스트는 읽히려면 최소 40px이 필요해요. 그보다 작아지면 씰은 간략한 형태(이중 링, 텍스트 없음)로 바뀌어요. 파비콘처럼 작은 정사각형에서는 모노그램을 쓰세요.
씰 · 40px 이상
- 72px
- 56px
- 40px
모노그램 · 32px 이하
- 32px
- 24px
- 16px
04
색상
잉크는 테마를 따라가요. 열쇠 구멍은 항상 금색이에요.
다크 테마
잉크--fg
배경--bg
서피스--surface
선--line
라이트 테마
잉크--fg
배경--bg
서피스--surface
선--line
멤버 골드
멤버십 전용: 열쇠 구멍, Reserve, Pro, Elite에만 써요. 장식용이나 다른 용도의 버튼 색으로는 쓰지 않아요.
멤버 골드
골드 텍스트 · 다크
골드 텍스트 · 라이트
05
타이포그래피
세 가지 서체, 각각 맡은 역할이 하나씩 있어요.
이미지 뒤를 들여다보세요.
Manrope
인터페이스제목 600, 본문 400~700. 앱에서 읽는 모든 텍스트에 써요.
PeekPrompt
Sora
워드마크두께 650, 로고에서는 패스로 변환해 써요. UI 텍스트에는 쓰지 않아요.
portrait, soft rim light, 85mm --ar 3:4
JetBrains Mono
프롬프트 텍스트프롬프트, 코드, 재생 시간에 11~13px로 써요.
06
실제 사용 예
제품 곳곳에서 마크가 보이는 곳들이에요.
회원 카드
모든 금속 카드에는 씰이 새겨져 있어요. 포인터를 올려 보세요.
PeekPromptPRO300 CREDITS / MONTH
이름MEMBER · 2026No. 00042
앱 아이콘
흑연 바탕의 모노그램, 1024px 원본.
파비콘
모노그램만 사용해요. 씰은 이만큼 작아지지 않아요.
상단 바
헤더 크기의 작은 씰이 들어간 락업. 잉크는 테마를 따라가요.
07
사용 규칙
마크를 알아볼 수 있게 지켜야 할 몇 가지 규칙이에요.
하지 말 것열쇠 구멍의 색을 바꾸지 마세요. 항상 금색이에요. 하지 말 것마크를 늘리거나, 찌그러뜨리거나, 회전하지 마세요. 하지 말 것글로우, 그림자, 베벨, 그라데이션을 더하지 마세요. 
하지 말 것복잡한 사진 위에 그대로 올리지 마세요. 할 것사진 위에 올릴 때는 어두운 스크림 위에 놓으세요. 
Reserve할 것금색은 멤버십인 Reserve, Pro, Elite에만 쓰세요.