큐레이션 · 오픈 · 무료

Sreda V A C

에세이, 예술, 팟캐스트를 통해 문화와 동시대성에 대한 큐레이션된 시각을 제시하는 시간 제한 온라인 매거진입니다.

01

디자인 DNA

디지털 시대를 위한 큐레이션된 전시 카탈로그.

02

컬러

날카로운 그래픽 라인이 있는 엄격한 단색 베이스; 이미지만이 유일한 색상을 제공합니다.

03

타이포그래피

geometric-sans

• display80px · 400
• h248px · 400
• body16px · 400

04

여백

구조적 요소 사이에 뚜렷한 구분을 두는 넉넉한 여백입니다.

05

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

실과 구분선으로 구조적으로 사용되는 얇은 1px 검은색 테두리입니다.

06

레이아웃

실선과 파선을 사용하여 요소들을 연결하는 자유로운 도표적 레이아웃입니다.

07

모션과 인터랙션

대화형 요소에 대한 hover 전환

클릭 가능한 요소의 색상과 불투명도 변화. · 표준 탐색 트리거.

08

컴포넌트

• button 화살표가 있는 텍스트 링크로, 탐색 기능을 수행합니다.
• card 없음; 콘텐츠는 다이어그램의 연결된 노드로 제시됩니다.
• chip 슬래시로 구분된 언어 토글 (Ru / En).
• input 보이는 것 없음.
• hero 대형 타이포그래피, 도표적 라인, 그리고 특집 일러스트레이션의 혼합입니다.

09

보이스와 금지 목록

• 톤 명료하고, 문화적이며, 다소 격식 있는 톤입니다.
• 헤드라인 크고, 굵으며, 도표적인 스타일.
• CTA 설명적이고 방향을 제시하며, 종종 화살표로 함께 표시됩니다.

• 컨테이너에 다채로운 배경을 사용하지 마세요 — 스크린샷은 기본 배경으로 단순한 흰색(#FFFFFF)을 보여줍니다.
• 그림자나 깊이 효과를 사용하지 마세요 — 스크린샷은 완전히 평평한 표면을 보여줍니다.
• 주요 제목에 세리프 글꼴을 사용하지 마세요 — 스크린샷은 'Sreda' 단어에 기하학적 산세리프를 보여줍니다.
• 전통적인 카드 기반 레이아웃을 사용하지 마세요 — 스크린샷은 도표적 스타일로 라인으로 연결된 요소들을 보여줍니다.
• 다채로운 강조 버튼을 사용하지 마세요 — 스크린샷은 화살표가 있는 단순 텍스트 링크를 주요 CTA로 보여줍니다.
• 복잡한 이미지 갤러리를 사용하지 마세요 — 스크린샷은 단일의 큰 전체 너비 일러스트레이션 작품을 보여줍니다.
• 피하기: 일반적인 마케팅 언어
• 피하기: 복잡한 인터페이스
• 피하기: 지나치게 장난스럽거나 통통한 UI 요소

10

팩 안의 실제 스크린샷

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

11

System Prompt

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