Patterns
히어로 템플릿
랜딩 첫 화면 4가지 템플릿입니다. 그대로 복사해서 텍스트만 바꾸면 됩니다. 무한 슬라이드는 eondui.js가 자동 처리합니다.
1. 가운데 텍스트형
메시지 하나에 집중시키는 형태. 발표·캠페인·단일 제품에 적합합니다.
2. 좌 텍스트 + 우 비주얼형
e-hero-split 그리드 — 모바일 1열, 데스크탑 2열 자동 전환. 우측엔 이미지·일러스트·데모 화면.
3. 무한 루프 슬라이드형
여러 메시지를 순환시키는 캐러셀 히어로. data-eui-slides만 붙이면 자동재생·도트·화살표·스와이프가 자동입니다. 호버 시 멈추고, 모션 최소화 설정에선 자동재생이 꺼집니다.
EOND UI 무한 슬라이드 히어로를 만들어줘: div.e-slides[data-eui-slides][data-interval='4500'] > .e-slides-track > .e-slide 3장. 각 슬라이드는 다크(e-dark 스타일) 배경에 e-eyebrow+제목+버튼. 도트·화살표·무한루프는 eondui.js 자동이니 직접 만들지 마.
4. 무한 마퀴 스트립
히어로 아래 신뢰 요소(고객사·키워드·기술스택)를 끊김 없이 흘려보내는 스트립. 트랙 내용은 JS가 자동 복제해 무한 루프를 만듭니다. 호버 시 멈춥니다.
EOND UI 마퀴 스트립을 만들어줘: div.e-marquee(--speed로 속도) > .e-marquee-track > 항목들(텍스트나 로고). 복제·루프는 eondui.js 자동. 히어로 바로 아래 신뢰 밴드로.
기업 홈페이지
공공기관 민원 자동화
병의원 예약 챗봇
쇼핑몰 구축
AI 콘텐츠 자동 발행
25년 구축 경력
다크+롤링 텍스트 히어로는 패턴 페이지에 있습니다.