큐레이션 · 오픈 · 무료

Silentshark

독특한 수제 스타일이 적용된 어둡고 분위기 있는 전술 시뮬레이션 게임 인터페이스.

Dark ModeEditorialCalmCurationTypography
Silentshark 스크린샷
OpenDesign 에서 열기

원본 사이트: https://silentshark.app/alpha/

01

디자인 DNA

잠수함전술적조용한전략적해양

반짝이는 레이더 화면이 있는 조용하고 어두운 잠수함의 지휘 센터.

02

컬러

#F9EAC2Accent
#F3F6FAInk
#C6CDD5Ink soft
#13202DBG
#1C2A38BG soft
#1B4747BG quiet
#434A52Muted
rgba(14, 18, 22, 0.82)Line

핵심 UI 요소를 위해 어두운 해양 배경과 따뜻하고 빛나는 포인트 간의 높은 대비.

03

타이포그래피

casual-script · monospace

모든 텍스트는 수제 느낌을 위해 캐주얼스크립트 계열을 사용합니다. · 메뉴 항목은 대문자와 넓은 자간을 사용합니다. · 강조 텍스트는 대비를 위해 따뜻한 양피지 색상을 사용합니다.

04

여백

4px
8px
16px
24px
32px
48px
64px
96px

메뉴 항목 간의 넉넉한 수직 간격은 차분하고 여유로운 인터페이스를 만듭니다.

05

표면 (라운드 / 그림자 / 경계선)

sm · 4px
md · 8px
lg · 14px
pill · 999px

어두운 배경 위의 버튼과 카드에 반투명한 밝은 테두리.

rgba(17, 28, 38, 0.2) 0px 10px 20px 0px · rgba(7, 11, 16, 0.35) 0px 12px 26px 0px

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

돋보이는 히어로 이미지와 수직 메뉴 스택이 있는 중앙 정렬 칼럼 레이아웃.

07

모션과 인터랙션

160msmicro
260mssmall
800msmedium
cubic-bezier(0.23, 1, 0.32, 1)easing

hover 시 부드러운 transform 및 opacity 전환. · 화려한 애니메이션 없음; 미세하고 분위기 있음.

메뉴 항목의 미세한 배경색 변화와 약간의 transform. · 보이는 누름 상태 없음; 커서 변경에 의존.

08

컴포넌트

09

보이스와 금지 목록

11

System Prompt

Silent Shark은 어둡고 분위기 있는 인터페이스를 가진 전술적 잠수함 시뮬레이션 게임입니다. 디자인은 13202D라는 해양 배경과 #F3F6FA라는 잉크 화이트를 사용하여 높은 대비를 만듭니다. 강조색은 따뜻한 양피지 #F9EAC2입니다. 서체는 수제 느낌을 위해 캐주얼스크립트(Patrick Hand, Special Elite)만 사용합니다. 핵심 금지 사항: 밝고 채도 높은 색상, 현대 인체무게sans-serif 글꼴, 복잡한 레이아웃, 거슬리는 애니메이션, 크고 공격적인 CTA, 밝은 배경을 피하세요. 인터페이스는 차분하고 중앙에 위치하며 분위기 있고, 게임의 전략적이고 정적인 성격에 초점을 맞추고 있습니다.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗

en · zh-CN · zh-TW · ja · ko