큐레이션 · 오픈 · 무료

Xxxi Studio

개념적 혁신과 기술적 실행을 연결하는 정제된 건축 사무소입니다.

StudioPremiumCleanArchitectureRefined
Xxxi Studio 스크린샷
↓ 디자인 시스템 다운로드 (110 MB)OpenDesign 에서 열기

원본 사이트: https://xxxi.studio

📦 팩 내용 보기 →

01

디자인 DNA

건축제품 디자인건설개념적기술적

웹사이트라는 매체가 스튜디오의 실제 프로젝트가 지니는 정밀함과 원시적 물질성을 반영하는 하이엔드 건축 포트폴리오입니다.

02

컬러

#000000Ink
#FFFFFFBG
#E5E7EBMuted
rgba(229, 231, 235, 1)Line

고품질 건축 사진을 위한 중립적이고 간섭 없는 프레임 역할을 하는 엄격한 단색 팔레트입니다.

03

타이포그래피

grotesque-sans

모든 텍스트에 깔끔한 grotesque sans-serif를 사용하여 현대적이고 실용적인 미학을 유지합니다. · 시각적 무게감을 피하기 위해 글꼴 굵기를 일관되게 400으로 유지합니다.

04

여백

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

레이아웃은 최소한의 패딩을 가진 엄격한 4px 기본 그리드에 의존하며, 풀블리드 사진이 뷰포트를 지배할 수 있게 합니다.

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

필요한 경우에만 미세한 분리를 위해 1px 실선(#E5E7EB)을 사용하는 극도로 미니멀한 방식입니다.

06

레이아웃

1440container
12columns
24pxgutter
768 / 1024breakpoints

대규모 사진이 주요 구조적 요소인 풀블리드 편집 그리드이며, 미니멀한 텍스트가 겹쳐 있습니다.

07

모션과 인터랙션

220msmicro
300mssmall
400msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

hover 시 매끄러운 불투명도 및 색상 전환, 미묘한 스크롤 기반 이미지 및 텍스트 드러내기.

상호작용을 나타내기 위해 텍스트 또는 배경 색상이 변경되는 매끄러운 색상 전환. · 클릭 가능 요소를 나타내는 표준 포인터 커서.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

11

System Prompt

이것은 원시적이고 산업적인 재료와 미니멀한 실행에 초점을 맞춘 프리미엄 건축 스튜디오 포트폴리오입니다. 디자인은 순수한 흰색(#FFFFFF)과 진한 검정색(#000000)의 단색 팔레트에 크게 의존하며, 일관된 400 굵기의 단일 grotesque sans-serif 글꼴 계열을 사용합니다. 주요 제약 사항으로는 선명한 강조 색상 사용 회피, 강한 섀도우 또는 둥근 모서리 생략, 장식적 타이포그래피 사용 거부 등이 있습니다. 레이아웃은 미니멀하고 겹쳐진 텍스트를 포함한 풀블리드 고품질 사진에 의해 완전히 주도됩니다. 인터랙션은 매끄러운 0.3초 전환에 의존하는 미묘한 방식입니다. 이러한 절제는 디자인이 스튜디오의 건축 작업과 결코 경쟁하지 않도록 보장합니다.

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

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

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

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