DSDesignSkill
|

/템플릿/웹이즈 법무법인 — 스위스 그리드

새 창 ↗

컨테이너 폭 그대로 · sandbox 미리보기

설명

국제 타이포그래피 양식을 법무법인에 적용한 한국어 랜딩입니다. 1280px 셸 안에 78px 칼럼 12개와 24px 거터를 고정하고, 히어로에는 실제 칼럼 위치에 정렬된 가이드선을 깔아 격자를 그대로 드러냅니다. 모든 섹션은 01~10 넘버링과 국·영문 2단 모노 라벨로 열리며, 장식 대신 1px 헤어라인만으로 영역을 나눕니다. 제목은 나눔명조 800으로 절제된 권위를, 본문은 Pretendard로 가독성을 맡았습니다. 버건디(#881337)와 딥 버건디(#4c0519)를 로즈 배경(#fff1f2) 위에 두고, 인용 밴드와 중간 CTA 두 곳만 다크 버건디로 반전시켜 긴 스크롤에 호흡을 만들었습니다. 6분야 카드, A/B/C 계약 형태, 케이스 레코드 행, 인물 4인, 5단계 타임라인, 수임 구조 비교표, 인사이트 카드+목록, 아코디언, 예약 폼으로 형식을 번갈아 배치했습니다. 사진 자리는 전부 그라디언트 플레이스홀더이고 아이콘은 인라인 SVG만 사용합니다.

섹션 구성

  1. 01헤더
  2. 02히어로 — 12칼럼 타이포 + 지표 패널
  3. 03원칙 3열 밴드
  4. 0401 업무분야 — 6분야 넘버링 그리드
  5. 0502 자문 방식 — A/B/C 계약 형태
  6. 0603 주요 사례 — 케이스 4건 레코드
  7. 07인용 밴드 (버건디 다크)
  8. 0804 구성원 — 4인 프로필
  9. 0905 자문 절차 — 5단계 타임라인
  10. 1006 수임 구조 — 비교표
  11. 11중간 CTA 밴드 (버건디 다크)
  12. 1207 인사이트 — 카드 3 + 목록 3
  13. 1308 자주 묻는 질문 — 아코디언
  14. 1409 오시는 길 — 정보 + 약도
  15. 1510 상담 예약 폼
  16. 16푸터

변경 이력

v1.0.02026-07-31

최초 등록

v1.0.12026-07-30

그라디언트 플레이스홀더를 실사 사진으로 교체 — 완성도 보정