큐레이션 · 오픈 · 무료

Seint Store

표준 블로그 템플릿 위에 구축된, 기능적이고 텍스트 중심적인 디렉토리 사이트입니다.

EditorialCleanConsumerLibraryReference

↓ 디자인 시스템 다운로드 (5 MB)OpenDesign 에서 열기

원본 사이트: https://seint.store

📦 팩 내용 보기 →

디자인 DNA

정보 전달형디렉토리콘텐츠 중심기능적기본적

디렉토리 목록에 사용되는 기본적인 WordPress 블로그 템플릿입니다.

컬러

#1e73beAccent

#222222Ink

#ffffffBG

#f7f8f9BG soft

rgba(240, 240, 240, 1.0)Line

단일 기능용 블루 악센트가 포함된 표준 고대비 웹 팔레트입니다.

타이포그래피

system-ui

display35px · 700
body17px · 400

기본 타이포그래피는 시스템 UI 폰트를 사용합니다. · 키워드 강조에 굵은 두께가 광범위하게 사용됩니다.

여백

4px

8px

16px

24px

32px

48px

기본적으로 브라우저 기본값과 기본 padding 값에 의해 주도되는 표준 수직 리듬입니다.

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

sm · 0px

md · 0px

lg · 0px

pill · 0px

1px solid #f0f0f0

레이아웃

1200container

12columns

20pxgutter

768 / 1024breakpoints

데스크톱에서 메인 콘텐츠 영역과 사이드바가 있는 표준 2칼럼 블로그 레이아웃입니다.

모션과 인터랙션

100msmicro

100mssmall

100msmedium

ease-in-outeasing

인터랙티브 요소에서의 은은한 색상 전환.

링크에서의 색상 변경. · 표준 브라우저 기본 동작.

컴포넌트

button 단순한 어두운 직사각형 블록 버튼입니다.
card 명시적으로 설계된 것은 없으며, 단지 콘텐츠 섹션입니다.
chip 없습니다.
input 위쪽에 라벨이 있는 단순한 테두리 입력 필드입니다.
hero 복잡한 스타일링 없는 기본적인 이미지와 텍스트 블록입니다.

보이스와 금지 목록

톤 정보 전달적이고 기능적입니다.
헤드라인 직설적이며 키워드에 초점을 맞춥니다.
CTA 단순하고 기능적입니다.

사용자 정의 폰트를 사용하지 마세요 — 스크린샷은 표준 system-ui 스택을 보여줍니다.
복잡한 border-radius를 도입하지 마세요 — 스크린샷은 날카롭고 둥글지 않은 모서리를 보여줍니다.
드롭 그림자를 사용하지 마세요 — 스크린샷은 완전히 평평한 표면을 보여줍니다.
화려한 그라디언트를 적용하지 마세요 — 스크린샷은 단순한 흰색 배경을 보여줍니다.
복잡한 애니메이션을 사용하지 마세요 — 스크린샷은 단순한 hover 전환만 보여줍니다.
장식용 일러스트를 사용하지 마세요 — 스크린샷은 표준 웹 텍스트와 단일 이미지를 보여줍니다.
피하기: 브랜드 이름
피하기: 기술 용어
피하기: 장난기 있는 언어

팩 안의 실제 스크린샷

Seint Store — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

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

System Prompt

이것은 표준 WordPress 템플릿(GeneratePress) 위에 구축된 기본적이고 텍스트 중심적인 디렉토리 사이트입니다. 시각 스타일은 매우 기능적이고 스타일링이 없으며, 기본 브라우저 폰트 스택(system-ui)과 흰색(#ffffff) 및 진한 회색(#222222)의 고대비 팔레트, 그리고 단일 기능용 블루 악센트(#1e73be)에 의존합니다. 레이아웃은 메인 콘텐츠 영역과 사이드바가 있는 표준 2칼럼 구조입니다. 인터랙션은 단순한 hover 색상 변경에 국한됩니다. 중요한 디자인 제약 조건은 다음과 같습니다: 사용자 정의 폰트를 사용하지 마시고, 둥근 모서리나 그림자를 피하며, 복잡한 애니메이션을 추가하지 마세요.

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

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

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

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