큐레이션 · 오픈 · 무료

Basedesign

거대한 타이포그래피와 대비를 사용하여 문화적 임팩트를 만드는 브루탈리스트 디자인 에이전시.

AgencyBold TypographyEditorialCleanPremium
Basedesign 스크린샷
↓ 디자인 시스템 다운로드 (5 MB)OpenDesign 에서 열기

원본 사이트: https://www.basedesign.com

📦 팩 내용 보기 →

01

디자인 DNA

대담한그래픽에디토리얼미니멀문화적임팩트

높은 임팩트의 문화 갤러리와 현대 디자인 매니페스토의 만남.

02

컬러

#000000Ink
#212121Ink soft
#FFFFFFBG
#ABABABMuted
rgba(0,0,0,0.12)Line

인터랙티브 요소를 위한 가끔의 블루 포인트가 포함된 고대비 모노크롬.

03

타이포그래피

geometric-sans

시각적 계층을 만들기 위해 극단적인 크기 차이를 사용합니다. · 디스플레이 텍스트에는 타이트한 행간을 유지합니다. · 깨끗하고 구조화된 외관을 위해 모든 텍스트를 왼쪽 정렬합니다.

04

여백

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

대담한 타이포그래피 요소를 프레임하기 위해 넉넉한 여백이 사용됩니다.

05

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

sm · 0px
md · 0px
lg · 0px
pill · 50px

인터랙티브 요소와 섹션 분리선에 얇은 검정 밑줄이 사용됩니다.

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

전체 폭의 타이포그래피 히어로 뒤에 고대비 에디토리얼 섹션이 이어집니다.

07

모션과 인터랙션

200msmicro
250mssmall
350msmedium
cubic-bezier(0.32, 0, 0.67, 0)easing

콘텐츠 전환을 위한 부드러운 페이드 · 인터랙티브 요소를 위한 미묘한 변환

요소가 hover 시 부드럽게 페이드하거나 변환됩니다. · 최소한의 시각적 변화를 통한 직접적인 피드백.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

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

11

System Prompt

이것은 거대한 타이포그래피, 대비되는 흑백, 미니멀한 에디토리얼 레이아웃이 특징인 높은 임팩트의 디자인 에이전시 웹사이트입니다. 기본 글꼴 카테고리는 기하학적 산세리프이며, 대담한 시각적 정체성을 만들기 위해 극단적인 스케일(최대 120px)로 사용됩니다. 팔레트는 거의 전적으로 모노크롬으로, #FFFFFF, #000000, #212121만 사용합니다. 대담하고 직접적인 미학을 희석시킬 수 있는 둥근 모서리, 부드러운 그림자 또는任何 장식 요소를 사용하지 마세요. 날카로운 모서리, 넉넉한 여백, 강력한 타이포그래피 선언에 중점을 두세요. 레이아웃은 명확한 계층과 의도적인 페이싱을 가진 갤러리나 매니페스토처럼 느껴야 합니다.

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

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

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

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