큐레이션 · 오픈 · 무료
14islands
절제된 타이포그래피와 대담한 사진을 통해 프리미엄 디지털 제품과 경험을 선보이는 미니멀리스트 디자인 에이전시입니다.
agency webgl
01
디자인 DNA
프리미엄 미니멀리스트 디지털 공예 디자인 주도
디지털 제품을 위한 하이엔드 건축 회사
02
컬러
#070707Ink
#A2A2A9Ink soft
#F2F2F2BG
rgba(7, 7, 7, 1)Line
영향력을 위해 극단적인 타이포그래피 스케일과 높은 채도의 프로젝트 사진에 의존하는 거의 단색 팔레트입니다.
03
타이포그래피
geometric-sans · humanist-sans
display 180px · 400heading 100px · 400subhead 75px · 400body 16px · 400caption 12px · 400
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
주요 요소 주위의 넉넉한 padding과 함께 여유로운 수직 리듬입니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 4px
lg · 5px
pill · 999px
보이는 테두리는 없습니다. 구분을 위해 spacing과 이미지 가장자리에 의존합니다.
06
레이아웃
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
전체 폭의 히어로 섹션과 2칼럼 프로젝트 갤러리를 가진 비대칭 그리드입니다.
07
모션과 인터랙션
200ms micro
300ms small
500ms medium
cubic-bezier(0.25, 0.46, 0.45, 0.94) easing
hover 시 매끄러운 transform 전환 · scroll 시 섬세한 fade-in
커서가 pointer로 변경됩니다. 인터랙티브 요소에 미세한 스케일 또는 색상 전환 · 표준 링크 내비게이션
08
컴포넌트
button 텍스트 전용 내비게이션 링크, 대문자, 작은 스케일, 배경 없음 card 작은 대문자 레이블이 있는 전체 폭 사진 프로젝트 카드 hero 밝은 배경 위의 거대한 타이포그래피_statement과 최소한의 보조 텍스트
09
보이스와 금지 목록
톤 전문적이고 자신감 있으며 미니멀한 헤드라인 좁은 자간의 큰 소문자 또는 문장 대문자 기하학적 sans-serif CTA 절제된 텍스트 링크, 종종 대문자 small caps 여러 강조 색상을 사용하지 마십시오 — 스크린샷은 밝은 회색과 검정의 엄격한 단색 팔레트를 보여줍니다. 모든 텍스트를 중앙 정렬하지 마십시오 — 스크린샷은 왼쪽 정렬과 비대칭 레이아웃을 포함한 혼합 정렬을 보여줍니다. 무거운 drop shadow를 사용하지 마십시오 — 스크린샷은 깊이 효과가 없는 완전히 평면적인 표면을 보여줍니다. 둥근 컨테이너 모서리를 사용하지 마십시오 — 스크린샷은 날카로운 가장자리 또는 매우 최소한의 둥글기를 보여줍니다. 두꺼운 테두리를 사용하여 섹션을 분리하지 마십시오 — 스크린샷은 여백과 이미지 배치를 통해 분리를 보여줍니다. 분주한 장식 패턴을 사용하지 마십시오 — 스크린샷은 깨끗한 타이포그래피와 사진에 전적으로 의존합니다. 피하기: 장식 요소 피하기: 과도한 색상 피하기: 복잡한 레이아웃
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
14islands는 극단적인 타이포그래피 스케일, 거의 단색 팔레트(배경: #F2F2F2, 잉크: #070707, 무게:#A2A2A9), 그리고 넉넉한 여백이 특징인 프리미엄 디자인 에이전시 웹사이트입니다. 디자인은 최대 180px까지의 큰 스케일에서 좁은 음수 자간의 기하학적 및 인문주의 sans-serif 폰트를 사용합니다. 레이아웃은 전체 폭 사진 프로젝트 카드와 함께 비대칭적입니다. 핵심 주의사항: 여러 강조 색상 사용 회피, 모든 텍스트 중앙 정렬 회피, 무거운 그림자 회피, 두꺼운 테두리 회피, 장식 패턴 회피, 그리고 카드의 둥근 모서리 회피.
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 극단적인 타이포그래피 스케일과 절제를 주요 디자인 언어로 사용하는 모범적인 미니멀리스트 에이전시 디자인입니다.