Typography

이 사이트는 h1~h6 전체에 font-heading(Pretendard)이 전역 적용됩니다. 아래 스케일은 실제 페이지에서 쓰는 클래스 조합입니다.

타입 스케일

H1 · H2 · H3 · Body · Caption — DESIGN_GUIDE.md §2 Typography 기준

Page H1

font-heading text-3xl sm:text-4xl lg:text-5xl font-bold tracking-tight text-stone-900

현장의 흐름을 설계하는 컨베이어·자동화 전문기업

Section H2

font-heading text-3xl sm:text-4xl font-bold tracking-tight text-stone-900

대표 제품군

Card H3

font-heading text-lg font-bold text-stone-900

벨트 컨베이어

Body Lead

text-base sm:text-lg leading-relaxed text-stone-600

25년 이상의 기술력을 바탕으로 산업 현장에 최적화된 이송·자동화 시스템을 공급합니다.

Body

text-base leading-relaxed text-stone-600

당사는 정밀한 설계·제작 기술력과 안정적인 품질 경쟁력을 기반으로 서비스를 제공합니다.

Caption / Meta

text-xs font-medium text-stone-500

2026.07.18 · 자동화설비

Eyebrow

text-xs sm:text-sm font-semibold uppercase tracking-[0.22em] text-brand-700

COMPANY OVERVIEW

Font Weight / 텍스트 색상

제목 font-bold · CTA font-semibold · 본문 font-normal · 메타 font-medium

text-stone-900 (제목) text-stone-600 (본문) text-stone-700 (본문 강조) text-stone-500 (메타/날짜) text-brand-700 (Eyebrow)

Project

HANSUNG

Version

1.0.0

Stack

Tailwind CSS v4 · HTML5 · Vanilla JavaScript

Last Update

2026-07-18

Build

Tailwind CLI (minified) · No bundler · Static Hosting