← OpenDesign 큐레이션 · 오픈 · 무료
Foster + Partners
세계적으로 유명한 건축 그룹을 위한 미니멀하고 사진 중심의 포트폴리오입니다.
architecture studio
01
디자인 DNA
고급 건축 권위 있는 구조적 정밀한 사진 중심
시각적 포트폴리오를 선보이는 권위 있는 글로벌 건축 스튜디오입니다.
02
컬러
#FFFFFFInk
#1A1A1ABG
#333333BG soft
#F5F5F5BG quiet
rgba(255, 255, 255, 0.15)Line
건축 사진이 주도할 수 있도록 흰색 타이포그래피가 배경으로 물러나는 고대비 흰색 타이포그래피의 단색 다크 UI입니다.
03
타이포그래피
humanist-sans
display 48px · 500heading 33px · 500body 16px · 400제목은 차분하고 우아한 어조를 유지하기 위해 문장형 대문자를 사용합니다. · 텍스트는 어두운 배경 위에서 가독성을 보장하기 위해 주로 흰색으로 표시됩니다. · 글꼴 굵기의 최소한의 변형으로 인터페이스를 깔끔하게 유지합니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
풍부한 여백은 차분하고 미술관 같은 브라우징 경험을 만듭니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 2px
md · 4px
lg · 8px
pill · 25px
미세한 구분을 위해 얇고 반투명한 흰색 테두리가 사용됩니다.
rgb(128, 128, 128) 0px 0px 5px 0px
06
레이아웃
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
대형 몰입형 이미지를 우선시하는 비대칭 격자 레이아웃입니다.
07
모션과 인터랙션
150ms micro
400ms small
500ms medium
cubic-bezier(0.25, 0.25, 0.75, 0.75) easing
히어로 이미지 전환을 위한 부드러운 교차 페이드. · 인터랙티브 요소의 불투명도와 transform 변경.
텍스트 색상이나 배경 투명도의 미세한 변화입니다. · 즉각적인 내비게이션 또는 상태 변경입니다.
08
컴포넌트
button 배경 투명도가 미세한 미니멀 알약 모양 버튼입니다. card 텍스트 오버레이가 있는 이미지 중심 격자 항목이며, 가독성을 위해 그라디언트 페이드를 자주 사용합니다. chip 카테고리를 위한 작고 둥근 레이블입니다. input 헤더에 통합된 미니멀한 테두리 없는 검색 필드입니다. hero 텍스트가 하단에 고정된 전체 뷰포트 사진 슬라이드쇼입니다. 09
보이스와 금지 목록
톤 권위 있고, 우아하며, 절제된 어조입니다. 헤드라인 직접적이고 사실적이며 문장형 대문자 스타일입니다. CTA 기능적이며 깔끔하게, 종종 아이콘 또는 작은 알약 버튼으로 통합됩니다. 밝거나 네온 강조색을 사용하지 마세요 — 스크린샷은 엄격한 단색 팔레트를 보여줍니다. 장식용 세리프 글꼴을 사용하지 마세요 — 스크린샷은 전체적으로 깔끔한 humanist-sans-serif를 사용합니다. UI 크롬으로 UI를 과도하게 채우지 마세요 — 스크린샷은 건축 사진이 주도하도록 둡니다. 강한 박스 그림자나 3D 효과를 사용하지 마세요 — 스크린샷은 플랫 표면과 미세한 투명도에 의존합니다. 전체 대문자 제목을 사용하지 마세요 — 스크린샷은 세련된 어조를 위해 주로 문장형 대문자를 사용합니다. 단조롭고 균일한 격자를 사용하지 마세요 — 스크린샷은 시각적 계층을 강조하는 비대칭 레이아웃을 보여줍니다. 피하기: 과장되거나 홍보적인 언어. 피하기: 복잡한 타이포그래피 레이아웃. 피하기: 지나치게 장식적인 UI 요소. 10
팩 안의 실제 스크린샷
桌面首屏（hero） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
이것은 고급 건축 스튜디오 포트폴리오입니다. 디자인 DNA는 미니멀하고 사진 중심의 접근 방식과 엄격한 단색 다크 팔레트(#1A1A1A 배경, #F5F5F7 잉크, #333333 뮤트)로 정의됩니다. 타이포그래피는 중립적이고 우아한 목소리를 제공하기 위해 깔끔한 humanist-sans-serif(Open Sans)에 의존합니다. 레이아웃은 비대칭적이며, 갤러리 같은 경험을 불러일으키기 위해 풀블리드 이미지와 풍부한 여백을 우선시합니다. 인터랙션은 미세하며, 부드러운 불투명도와 색상 전환을 사용합니다. 핵심 금지 사항: 고채도 강조색을 절대 도입하지 말고, 장식용 세리프를 피하며, 인터페이스 요소로 UI를 과도하게 채우지 말고, 강한 그림자를 피하며, 제목에 문장형 대문자를 사용하고, 비대칭 레이아웃을 유지합니다. 시스템은 권위 있고 차분하며 시각적으로 주도되는 건축 아카이브처럼 느껴져야 합니다.
더 보기 en · zh-CN · zh-TW · ja · ko
