큐레이션 · 오픈 · 무료

Tripolis Park

대담한 서체, 표현력 있는 3D 비주얼, 그리고 깔끔한 레이아웃으로 정의되는 프리미엄 친환경 업무 공간 캠퍼스입니다.

01

디자인 DNA

유기적 기술과 구조화된 미니멀리즘을 결합한 프리미엄 건축 포트폴리오

02

컬러

풍부하고 표현력 있는 3D 및 그라데이션 이미지를 활용한 고대비 모노크롬 기반

03

타이포그래피

transitional-serif · humanist-sans

• display47px · 500
• body18px · 400

04

여백

프리미엄 건축 느낌을 강조하기 위한 넉넉한 여백과 패딩

05

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

구조와 강조를 위해 선택적으로 사용되는 얇은 1px 실선 테두리

0 10px 30px rgba(0,0,0,0.1)

06

레이아웃

대규모 음수 공간과 오프셋된 텍스트 블록이 있는 깔끔한 단일 컬럼 또는 비대칭 레이아웃

07

모션과 인터랙션

느린 ease-out 전환 · 패럴랙스와 유사한 이미지 등장 효과

미세한 불투명도 또는 변형 변화 · 변형을 통한 즉각적인 시각적 피드백

08

컴포넌트

• button 배경 컨테이너 없이 화살표와 밑줄이 있는 텍스트 링크
• card 컨테이너 대신 대형 이미지와 서체에 의존하여 계층을 만드는 미니멀한 카드
• hero 오버레이된 텍스트와 기하학적 액센트가 있는 풀스크린 또는 대형 배경 이미지

09

보이스와 금지 목록

• 톤 비전 있는, 자신감 있는, 그리고 프리미엄
• 헤드라인 상표 기호나 기하학적 액센트가 종종 포함되는 짧고 임팩트 있는 문구
• CTA 앞쪽에 화살표가 있는 밑줄 텍스트

• 카드나 버튼에 둥근 모서리를 사용하지 마세요 — 스크린샷은 날카롭고 깔끔한 가장자리를 보여줍니다.
• 여러 UI 컴포넌트로 레이아웃을 지저분하게 만들지 마세요 — 스크린샷은 넉넉한 여백을 보여줍니다.
• 저대비 텍스트를 사용하지 마세요 — 스크린샷은 흰색 위의 검정색 또는 어두운색 위의 흰색과 같은 고대비를 보여줍니다.
• 단일하고 지배적인 고채도 액센트 색상을 사용하지 마세요 — 스크린샷은 색상을 위해 이미지에 의존합니다.
• 장난스럽거나 가벼운 서체를 사용하지 마세요 — 스크린샷은 구조화된 세리프와 산세리프 페어링을 보여줍니다.
• 번잡하고 격자에 치중한 레이아웃을 사용하지 마세요 — 스크린샷은 깔끔하고 비대칭적이며 여유로운 구성을 보여줍니다.
• 피하기: 번잡한 레이아웃
• 피하기: 저대비 텍스트
• 피하기: 둥근 UI 컴포넌트
• 피하기: 장난스럽거나 가벼운 언어
• 피하기: 지저분한 인터페이스
• 피하기: 지나치게 기업적인 전문 용어

10

팩 안의 실제 스크린샷

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

11

System Prompt

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