큐레이션 · 오픈 · 무료

Ayakaito

풍부한 사진 정물화를 통해 하이엔드 브랜딩과 타이포그래피를 선보이는 세련된 에디토리얼 포트폴리오.

EditorialPortfolioTypographyPhotographicCuration
Ayakaito 스크린샷
↓ 디자인 시스템 다운로드 (39 MB)OpenDesign 에서 열기

원본 사이트: https://ayakaito.com

📦 팩 내용 보기 →

01

디자인 DNA

editorialrefinedcuratedJapanesetypography

사진, 인쇄물, 타이포의 정교한 조합을 선보이는 하이엔드 디자인 스튜디오 갤러리.

02

컬러

#35472CInk
#FEFDF8BG
#35477CMuted
rgba(53, 71, 44, 1)Line

깊은 올리브 그린과 따뜻한 뉴트럴 톤이 지배적인 자연스러운 어스톤 팔레트.

03

타이포그래피

transitional-serif · humanist-sans · monospaced

네비게이션 링크는 18px의 휴머니스트 산세리프를 사용합니다. · 프로젝트 설명은 세련된 트랜지셔널 세리프를 사용합니다. · 캡션과 메타데이터는 종종 대문자 산세리프를 사용합니다.

04

여백

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

넉넉하며, 큰 타이포그래피 스케일과 의도적인 여백 활용

05

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

sm · 4px
md · 8px
lg · 12px
pill · 999px

인터랙티브 요소를 위한 얇은 1px solid 다크 올리브(#35472C)

06

레이아웃

1440container
12columns
24pxgutter
768 / 1024breakpoints

몰입형 풀블리드 사진과 분할 화면 에디토리얼 레이아웃.

07

모션과 인터랙션

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

모든 인터랙티브 요소를 위한 부드러운 전환(전체 0.3초). · hover 상태에서 은은한 투명도 페이드.

네비게이션 링크와 버튼에서 절제된 색상 변화와 투명도 전환. · 링크와 프로젝트를 위한 표준 포인터 인터랙션.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

Ayakaito — 桌面首屏（hero）
桌面首屏（hero）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 移动首屏
移动首屏

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

11

System Prompt

이것은 브랜딩, 타이포그래피, 일러스트레이션에 중점을 둔 하이엔드 디자인 스튜디오를 위한 세련된 에디토리얼 포트폴리오입니다. 핵심 팔레트는 깊은 올리브 그린(#35472C)과 따뜻한 오프화이트(#FEFDF8)에 크게 의존하며, 간간이 섹션 배경으로 부드러운 핑크를 사용합니다. 타이포그래피는 대형 헤드라인용 우아한 트랜지셔널 세리프와 네비게이션 및 메타데이터용 휴머니스트 산세리프를 혼합합니다. 밀집된 UI보다는 몰입형 풀블리드 사진과 넉넉한 여백을 우선시합니다. 중요 금지 사항: 네온 강조색 사용 금지, 무거운 드롭 섀도우 사용 금지, 경직된 카드 기반 레이아웃 사용 금지. 시스템은 정교하고 고요하며 갤러리 같은 시각적 계층을 유지해야 합니다.

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

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

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

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