큐레이션 · 오픈 · 무료

14islands

절제된 타이포그래피와 대담한 사진을 통해 프리미엄 디지털 제품과 경험을 선보이는 미니멀리스트 디자인 에이전시입니다.

agencywebgl
14islands 스크린샷
↓ 디자인 시스템 다운로드 (32 MB)OpenDesign 에서 열기

원본 사이트: https://14islands.com

📦 팩 내용 보기 →

01

디자인 DNA

프리미엄미니멀리스트디지털 공예디자인 주도

디지털 제품을 위한 하이엔드 건축 회사

02

컬러

#070707Ink
#A2A2A9Ink soft
#F2F2F2BG
rgba(7, 7, 7, 1)Line

영향력을 위해 극단적인 타이포그래피 스케일과 높은 채도의 프로젝트 사진에 의존하는 거의 단색 팔레트입니다.

03

타이포그래피

geometric-sans · humanist-sans

04

여백

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

주요 요소 주위의 넉넉한 padding과 함께 여유로운 수직 리듬입니다.

05

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

sm · 4px
md · 4px
lg · 5px
pill · 999px

보이는 테두리는 없습니다. 구분을 위해 spacing과 이미지 가장자리에 의존합니다.

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

전체 폭의 히어로 섹션과 2칼럼 프로젝트 갤러리를 가진 비대칭 그리드입니다.

07

모션과 인터랙션

200msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.46, 0.45, 0.94)easing

hover 시 매끄러운 transform 전환 · scroll 시 섬세한 fade-in

커서가 pointer로 변경됩니다. 인터랙티브 요소에 미세한 스케일 또는 색상 전환 · 표준 링크 내비게이션

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

14islands는 극단적인 타이포그래피 스케일, 거의 단색 팔레트(배경: #F2F2F2, 잉크: #070707, 무게:#A2A2A9), 그리고 넉넉한 여백이 특징인 프리미엄 디자인 에이전시 웹사이트입니다. 디자인은 최대 180px까지의 큰 스케일에서 좁은 음수 자간의 기하학적 및 인문주의 sans-serif 폰트를 사용합니다. 레이아웃은 전체 폭 사진 프로젝트 카드와 함께 비대칭적입니다. 핵심 주의사항: 여러 강조 색상 사용 회피, 모든 텍스트 중앙 정렬 회피, 무거운 그림자 회피, 두꺼운 테두리 회피, 장식 패턴 회피, 그리고 카드의 둥근 모서리 회피.

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

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

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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