타이포그래피 — 글자로 위계 만들기

꾸며줘 대신 활자 크기·정렬·행간으로 원하는 지면을 설명합니다.

조회 0추천 0

직접 만든 예시

[내용]을 타이포그래피 중심의 편집 지면으로 만들어줘. 제목·요약·본문의 위계를 크기와 굵기로 구분하고, 왼쪽 정렬과 넉넉한 행간을 써줘. 한 줄이 너무 길지 않게 하고 모바일에서도 위계가 유지되게 해줘.

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

설명용 예시

입력 제목: 생각을 전달하는 기술 / 주제: 맥락을 정확히 전하는 법

큰 제목 → 한 문장 요약 → 짧은 본문 순서의 반응형 HTML 지면

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

막연한 미감 대신 디자이너가 조절할 요소를 전달합니다. 같은 문장도 읽는 순서가 달라집니다.

기존 가이드와 자세한 사용법 읽기

안녕하세요 mouseco 입니다. :)

꾸며줘 대신 활자 크기·정렬·행간으로 원하는 지면을 설명합니다.

복사할 문구

[내용]을 타이포그래피 중심의 편집 지면으로 만들어줘. 제목·요약·본문의 위계를 크기와 굵기로 구분하고, 왼쪽 정렬과 넉넉한 행간을 써줘. 한 줄이 너무 길지 않게 하고 모바일에서도 위계가 유지되게 해줘.

같은 글을 활자 위계로 정리한 HTML

같은 글을 활자 위계로 정리한 HTML · mouseco · 이 요청에 맞춰 제작한 예시

입력 예시: 제목: 생각을 전달하는 기술 / 주제: 맥락을 정확히 전하는 법

큰 제목 → 한 문장 요약 → 짧은 본문 순서의 반응형 HTML 지면

위 텍스트는 활용 방식을 설명한 예시입니다. 제작자 공개 샘플과 직접 만든 예시는 각각 출처를 표시했습니다.

막연한 미감 대신 디자이너가 조절할 요소를 전달합니다. 같은 문장도 읽는 순서가 달라집니다.