큐레이션 · 오픈 · 무료

Lineto

Electa 타입 패밀리를 선보이는 깔끔한 단색 타입 시편 인터페이스.

01

디자인 DNA

현대 폰트 공방을 위한 디지털 타입 시편집

02

컬러

엄격한 단색 무채색 팔레트

03

타이포그래피

transitional-serif · humanist-sans · monospace

• display20px · 400
• body19px · 400

기본 타입 크기는 0.38px 자간을 적용한 19px입니다 · 본문 텍스트 lineHeight는 23px입니다 · 내비게이션 및 강조 텍스트 lineHeight는 38px입니다

04

여백

2px와 7.6px 기본 단위를 사용하는 타이트한 그리드

05

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

눈에 보이는 테두리 없음, 엄격한 단색 엣지

06

레이아웃

로고와 검색이 있는 고정 헤더, 최소 스크롤 본문, 고정 하단 작업 표시줄

07

모션과 인터랙션

1.5초에 걸친 불투명도 페이드 트랜지션 · 0.2초 동안의 너비 및 가시성 트랜지션

버튼과 링크의 포인터 커서 · 부드러운 트랜지션 트리거

08

컴포넌트

• button 흰색 텍스트와 화살표/눈 아이콘이 있는 검은색 솔리드 필 모양 버튼
• card 없음, 레이아웃은 원시 타이포그래피 시편 텍스트에 의존
• chip 없음
• input 검은색 원 안의 검색 아이콘, 하단 표시줄의 텍스트 입력
• hero 주요 비주얼 요소로서의 거대한 타이포그래피 시편 캐스케이드

09

보이스와 금지 목록

• 톤 미니멀, 클리니컬, 전문적
• 헤드라인 직접적, 구두점 없음, 소문자 브랜드명
• CTA 아이콘이 있는 명령형 (더보기, 모두보기)

• 여러 폰트 패밀리를 사용하지 마세요 — 스크린샷은 단일 sans-serif와 단일 serif만 독점적으로 사용하는 것을 보여줍니다
• 그라디언트나 그림자를 추가하지 마세요 — 스크린샷은 완전히 플랫하고 매트한 흑백 표면을 보여줍니다
• 메인 텍스트 블록을 중앙 정렬하지 마세요 — 스크린샷은 시편 캐스케이드가 엄격히 왼쪽 정렬되어 있는 것을 보여줍니다
• 장식적 이미지나 사진을 사용하지 마세요 — 스크린샷은 타이포그래피만 유일한 비주얼 요소로 사용하는 것을 보여줍니다
• 시편에 큰 폰트 크기를 사용하지 마세요 — 스크린샷은 모든 본문 요소에 균일한 19px 텍스트를 보여줍니다
• 메인 버튼에 둥근 모서리를 사용하지 마세요 — 스크린샷은 완전한 필 모양 버튼을 보여줍니다
• 피하기: 과도한 여백 패딩
• 피하기: 화려한 강조색
• 피하기: 장식적 요소

10

팩 안의 실제 스크린샷

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

11

System Prompt

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