큐레이션 · 오픈 · 무료

Gus Biz

Brutalist 미학, 높은 대비 색상, 그리고 장난스러운 타이포그래피를 사용하는 창작 에이전시 사이트입니다.

01

디자인 DNA

전통적인 디자인 그리드를 깨뜨리는 대담하고 장난스러운 스크랩북과 같습니다.

02

컬러

청록색을 기반으로 한 빨간색과 노란색 액센트가 포함된 높은 대비, 장난스러운 팔레트입니다.

03

타이포그래피

transitional-serif · humanist-sans

• display28px · 700

메인 헤드라인과 디스플레이 텍스트에는 세리프를 사용합니다. · 본문 텍스트 및 UI 요소에는 산세리프를 사용합니다. · 장난스러운 디스플레이와 읽기 쉬운 본문 텍스트 사이에 명확한 타이포그래피 계층을 유지합니다.

04

여백

장난스러운 레이아웃을 위해 종종 격자에서 벗어나는 느슨하고 유기적인 리듬입니다.

05

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

종종 어두운색의 가느다란 1px solid 테두리입니다.

0px 1px 0px 0px rgba(0,0,0,1)

06

레이아웃

그리드 기반이지만 의도적으로 오프셋되고 장난스러워서 엄격한 정렬을 깹니다.

07

모션과 인터랙션

부드러운 색상 및 배경 전환 · hover 시 미세한 transforms · 장난스럽고 지속적인 스크롤링 marquee

색상 또는 배경 변화, 미세한 transforms. · 즉각적인 시각적 피드백.

08

컴포넌트

• button 텍스트 기반 또는 원형과 같은 기본 기하학적 모양의 간단한 버튼입니다.
• card 테두리나 뚜렷한 배경 대비로 정의되는 미니멀한 카드입니다.
• chip 간단한 기하학적 모양이나 별 모양입니다.
• input 미니멀한 스타일링의 표준 텍스트 입력 필드입니다.
• hero 전체 폭의 장난스러운 그래픽 요소와 함께 크고 굵은 타이포그래피가 특징입니다.

09

보이스와 금지 목록

• 톤 장난스럽고 자신감 넘치며, 대담함을 숨기지 않습니다.
• 헤드라인 크고 표현적인 세리프 타이포그래피로, 종종 모두 소문자입니다.
• CTA 간단하고 직접적이며, 종종 장난스러운 레이아웃에 통합됩니다.

• 使用者或企业使用单调或微妙的色板——截图显示了鲜艳的青绿色、红色和黄色。
• 不要使用严格极简的布局——截图显示了打破网格、充满趣味的构图。
• 不要仅使用无衬线字体——截图显著使用了衬线展示字体。
• 不要回避几何形状——截图显示了星芒标志和圆形元素。
• 不要创建静态的 hero 部分——截图显示了动态的滚动 marquee。
• 不要使用微妙的阴影或渐变——截图显示了平面颜色和细锐边框。
• 피하기: 미묘함
• 피하기: 기업용 전문 용어
• 피하기: 지나치게 복잡한 UI 패턴

10

팩 안의 실제 스크린샷

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

11

System Prompt

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