플랫폼 · Website

홈페이지

ON:GI를 처음 만나는 공식 웹사이트입니다. 제품 화면보다 크고 여유 있는 마케팅 스케일을 쓰되, 컬러 · 버튼 · 카드는 제품과 같은 토큰을 써서 ‘써보면 이 느낌’이 이어지게 합니다.

사용자: 도입을 검토하는 사장님 · 일반 방문자
기기: 데스크톱 · 모바일 브라우저
기준 해상도: 360 – 1920px (반응형)
도메인: ongi.site

대표 화면 — 메인

ongi.site

레이아웃 스펙

영역	데스크톱 (≥1024)	모바일 (<768)
GNB	72px · 로고 · 메뉴 4개 · 로그인 + 도입 문의	56px · 로고 · 도입 문의 · 햄버거
히어로	2단 (카피 / 비주얼) · 제목 60px	1단 · 제목 32px · 비주얼은 카피 아래
CTA	Primary 1개 + Neutral 1개 · xl	전체 폭 버튼 세로 배치
기능 카드	4열 · 은은한 배경 카드	2열 → 1열
콘텐츠 폭	최대 1280px · 좌우 64px	좌우 20px

마케팅 타입 스케일

역할	데스크톱	모바일	굵기
히어로 제목	60 / 1.18	32 / 1.3	Bold · 자간 −4%
섹션 제목	40 / 1.3	26 / 1.35	Bold · 자간 −3%
리드 문장	19 / 1.6	16 / 1.6	Regular
본문	17 / 1.65	15 / 1.6	Regular

플랫폼 토큰

항목	값
data-platform	`"home"`
밀도	Marketing
기본 컨트롤 높이 (md)	48px
기본 본문 크기	17px
최소 터치 영역	44px
섹션 간격	데스크톱 160px · 모바일 96px

핵심 패턴

페이지	구성
메인	히어로 → 제품 4종 → 도입 효과(숫자) → 도입 사례 → 요금 → 문의 CTA
POS 다운로드	OS 자동 감지 · 설치 파일 버전 · 최소 사양 · 설치 가이드
고객지원 · FAQ	검색 우선 · 카테고리 탭 · 아코디언 · 1:1 문의 연결
약관 · 개인정보	목차 고정 · 시행일 · 이전 버전 보기

이렇게 하세요

펭귄 심볼은 히어로 등 브랜드 순간에만
숫자 · 효과는 출처와 기준일을 함께
도입 문의 CTA를 페이지마다 같은 위치에

이렇게 하지 마세요

자동 재생 슬라이드 배너
제품과 다른 버튼 · 색 체계
히어로에 CTA 3개 이상