큐레이션 · 오픈 · 무료

Lpalo

독특한 어린이 팟캐스트를 위한 기발하고 타이포그래피 중심의 플랫폼.

01

디자인 DNA

현대적인 디지털 일러스트레이션이 섞인 장난스러운 어린이 동화책.

02

컬러

따뜻한 파스텔 배경에 높은 명도의 검은색 타이포그래피와 장난스러운 평면 강조색을 사용합니다.

03

타이포그래피

slab-serif · humanist-sans

• display120px · 800
• body16px · 400
• label12px · 500

디스플레이 타이포그래피는 주목을 끄는 거대한 헤드라인에만 전용으로 사용됩니다. · 본문 텍스트는 가독성을 위해 깨끗하고 중립적인 산세리프체를 유지합니다. · 네비게이션 항목은 캡슐 버튼과 표준 링크의 혼합을 사용합니다.

04

여백

거대한 타이포그래피가 숨을 쉴 수 있도록 넉넉하고 개방적인 간격입니다.

05

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

버튼과 일러스트레이션에 굵은 2px 검은색 실선 테두리

06

레이아웃

겹치는 요소들과 흩어진 일러스트레이션이 있는 장난스럽고 비대칭적인 레이아웃.

07

모션과 인터랙션

UI 요소들을 위한 바운스 스프링 트랜지션. · 배경 일러스트레이션을 위한 미묘한 부유 애니메이션.

버튼의 색상 변화와 미묘한 스케일링. · 커스텀 바운스 이징을 통한 반동 있고 직관적인 피드백.

08

컴포넌트

• button 굵은 검은색 테두리가 있는 캡슐형으로, 흰색 또는 강조색으로 채워집니다.
• card 청록색 형태를 통해 암시되며, 굵은 윤곽선과 장난스러운 일러스트레이션이 특징입니다.
• chip 보조 네비게이션에 사용되는 작은 캡슐형 레이블.
• hero 파스텔 배경 위에 왼쪽 정렬된 거대한 슬래브 세리프 헤드라인과 부유하는 일러스트레이션.

09

보이스와 금지 목록

• 톤 장난기 많고, 기발하며, 매우 활기찹니다.
• 헤드라인 대담하고 독특하며, 대규모입니다.
• CTA 명확하고 실행 가능하며, 캡슐형 버튼으로 제시됩니다.

• 표준 시스템 폰트를 사용하지 마세요 — 스크린샷에는 굵은 슬래브 세리프와 휴머니스트 산세리프가 보입니다.
• 미묘한 그림자를 사용하지 마세요 — 스크린샷에는 2px 검은색 굵은 윤곽선이 있는 평면 디자인이 보입니다.
• 흰색 배경을 사용하지 마세요 — 스크린샷은 일관된 따뜻한 파스텔 핑크 배경을 사용합니다.
• 얇고 섬세한 타이포그래피를 사용하지 마세요 — 스크린샷에는 극도로 굵고 무거운 폰트 웨이트가 특징입니다.
• 딱딱하게 정렬된 그리드를 사용하지 마세요 — 스크린샷에는 장난스럽고 겹치는, 비대칭적인 레이아웃이 보입니다.
• 흐리고 회색빛이 도는 색상을 사용하지 마세요 — 스크린샷에는 주황색과 청록색과 같이 선명하고 채도 높은 강조색이 사용됩니다.
• 피하기: 기업적
• 피하기: 딱딱한
• 피하기: 미니멀리스트
• 피하기: 진지한
• 피하기: 전문 용어

10

팩 안의 실제 스크린샷

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

11

System Prompt

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