큐레이션 · 오픈 · 무료

Kikk Be

창의적 기술 및 디지털 아트 페스티벌을 위한 표현적이고 최대주의적인 디지털 플랫폼입니다.

01

디자인 DNA

미니멀리즘을 거부하고 대담하고 충돌하는 색상과 두꺼운 타이포그래피를 선택하는, 시끄러운 실험적 미술관과 같습니다.

02

컬러

어두운 기반의 고대비로, 활기차고 실험적이며 의도적으로 대비되는 다색 팔레트를 활용합니다.

03

타이포그래피

geometric-sans · grotesque-sans

• display72px · 900
• heading36px · 900
• subheading20px · 400
• body16px · 400
• caption9px · 400

캡션용으로 모든 문자를 대문자로 넓게 자간 설정 · 디스플레이 및 디스플레이 유사 제목에는 굵은 글꼴 두께 사용 · 현대적이고 기하학적인 느낌을 위해 Poppins와 Inter Tight를 혼합 사용

04

여백

컨테이너의 촘촘한 패딩과 넓은 자간의 영향을 많이 받는, 약간 불규칙한 수직 리듬입니다.

05

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

콘텐츠 블록을 구분하기 위해 엄격하게 1px 얇은 테두리를 사용하며, 종종 비대칭적입니다.

06

레이아웃

엄격한 수평 및 수직 구분선이 있는 격자 기반입니다.

07

모션과 인터랙션

인터랙티브 상태를 위한 표준 불투명도 및 색상 전환. · 복잡한 입장 애니메이션보다는 정적이고 대담한 시각적 임팩트에 집중.

링크와 텍스트에 대한 미묘한 색상 또는 불투명도 변화. · 즉각적인 시각적 피드백.

08

컴포넌트

• button 텍스트 기반, 대문자, 넓은 자간, 배경 최소화 또는 없음.
• card 엄격한 1px 테두리와 border-radius가 없는 격자 항목.
• hero 전체 폭, 두꺼운 타이포그래피, 종종 대담하고 복잡한 그래픽 구성을 동반합니다.

09

보이스와 금지 목록

• 톤 실험적이고, 대담하며, 권위 있는.
• 헤드라인 극도로 두껍고, 넓은 자간이며, 대문자이고, 임팩트가 강한.
• CTA 통합된 텍스트 링크 또는 매우 넓은 자간의 대문자 버튼.

• border-radius를 사용하지 마세요 — 스크린샷은 모든 컨테이너에 엄격하게 날카롭고 0 반경 모서리를 보여줍니다.
• 얇거나 가벼운 글꼴 두께를 사용하지 마세요 — 스크린샷은 메인 디스플레이용으로 두꺼운 900 두께 글꼴을 보여줍니다.
• 부드럽거나 파스텔 색상을 사용하지 마세요 — 스크린샷은 고채도, 충돌하는 네온 및 기본 색상을 보여줍니다.
• 광범위한 드롭 섀도우를 사용하지 마세요 — 스크린샷은 눈에 보이는 섀도우가 완전히 평면적인 디자인을 보여줍니다.
• 이탤릭체 또는 스크립트 타이포그래피를 사용하지 마세요 — 스크린샷은 엄격히 직립한 기하학적 산세리프만을 보여줍니다.
• 중앙 정렬된 장식적 레이아웃을 사용하지 마세요 — 스크린샷은 엄격한 격자 기반, 왼쪽 정렬 또는 블록 구조를 보여줍니다.
• 피하기: 미묘한 그라데이션
• 피하기: 둥근 모서리
• 피하기: 부드러운 파스텔 팔레트
• 피하기: 가볍고 얇거나 이탤릭체 타이포그래피
• 피하기: 장난기 있거나 공상적인 일러스트레이션

10

팩 안의 실제 스크린샷

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

11

System Prompt

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