큐레이션 · 오픈 · 무료

Ilovecreatives

크리에이티브 전문가를 위한 세련된 에디토리얼 플랫폼이자 디지털 무역학교 및 커뮤니티입니다.

01

디자인 DNA

다중 열정 크리에이티브를 위한 현대적이고 세련된 커뮤니티 허브 및 디지털 무역학교입니다.

02

컬러

프로모션 배너를 위한 단일 차분한 그린 포인트 컬러를 적용한 고대비 흑백 베이스입니다.

03

타이포그래피

transitional-serif · humanist-sans · geometric-sans

• display56px · 400
• heading30px · 400
• body18px · 100
• caption13px · 100

디스플레이 타이포그래피는 좁은 자간(Tracking)을 적용한 고대비 전환형 세리프입니다. · 본문 텍스트는 가벼운 무게의 휴머니스트 산세리프입니다. · 버튼은 알파벳을 대문자 또는 머리글자 대문자로 표기한 알약 형태를 사용합니다.

04

여백

일관된 4px 기본 그리드를 기반으로 대형 컨테이너 블록에는 넉넉한 패딩을 적용합니다.

05

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

1px solid #222222

rgba(121,121,121,0.17) 2px 2px 20px 0px

06

레이아웃

전체 폭의 히어로 섹션에서 제품 및 커뮤니티 목록을 위한 체계적인 다중 열 그리드로 전환됩니다.

07

모션과 인터랙션

버튼과 링크에 hover 시 미세한 불투명도 및 색상 전환을 적용합니다. · 표준 인터랙티브 요소에 0.1초의 빠른 선형 전환을 적용합니다.

버튼은 배경이 채워지거나 텍스트 색상이 반전됩니다. · 상태 변화 또는 링크 내비게이션을 통한 즉각적인 피드백을 제공합니다.

08

컴포넌트

• button 1px 실선 테두리와 투명 배경의 알약 모양이며, hover 시 채워집니다.
• card 제품 및 채용 목록을 위한 모서리(20px)가 둥글고 은은한 그림자가 있는 깨끗한 흰색 카드입니다.
• chip 카테고리(예: 실물 상품, 의류)를 위한 소형 둥근 알약 모양 태그입니다.
• input 은은한 하단 테두리 또는 알약 모양을 적용한 미니멀 텍스트 입력 필드입니다.
• hero 전체 폭의 사진 배경에 거대하고 겹쳐진 세리프 타이포그래피와 부유하는 텍스트 요소가 결합된 히어로 섹션입니다.

09

보이스와 금지 목록

• 톤 장난기 있고 환영하는 분위기의 커뮤니티 중심 톤입니다.
• 헤드라인 대화하듯 다가오고, 약간의 거침이 없으며, 직접적인 스타일입니다.
• CTA 명확하고 행동을 유도하며, 주로 알약 형태로 제공됩니다.

• 무거운 드롭 섀도우는 사용하지 마세요 — 스크린샷에는 rgba(121,121,121,0.17) 2px 2px 20px 0px와 같은 미세하고 부드러운 그림자만 사용되어 있습니다.
• 밝고 채도 높은 강조색은 사용하지 마세요 — 스크린샷에는 특정 배너에만 차분한 대지색 그린(#489442)이 사용되어 있습니다.
• 본문 텍스트에 굵은 글꼴 굵기를 사용하지 마세요 — 스크린샷에는 본문에 font-weight: 100이 일관되게 사용되어 있습니다.
• 카드나 버튼에 날카롭고 네모난 모서리를 사용하지 마세요 — 스크린샷에는 반지름 450px의 알약 형태와 반지름 20px의 크고 둥근 모서리가 일관되게 사용되어 있습니다.
• 배경에 복잡한 그라디언트를 사용하지 마세요 — 스크린샷에는 단색 흰색 배경과 사진형 히어로 오버레이만 사용되어 있습니다.
• 넓고 퍼지는 행간을 사용하지 마세요 — 스크린샷에는 밀도 높은 에디토리얼 느낌을 주기 위해 1.2~1.4로 좁고 통제된 행간이 사용되어 있습니다.
• 피하기: 공식적인 기업 전문 용어
• 피하기: 시각적 구분 없이 이어지는 긴 문단
• 피하기: 차갑거나 순수 거래적인 언어

10

팩 안의 실제 스크린샷

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

11

System Prompt

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