같은 콘텐츠, 스물네 가지 다른 느낌. 카드를 눌러 각 시안을 실제 페이지로 확인하세요.
멀티 디바이스 CSS 목업 히어로, 밝은 톤의 SaaS 스타일. 솔루션 카드 + 다크 End-to-End 섹션.
흰 배경, 큰 문장형 타이포와 여백 위주. 짧은 카피로 하나씩 보여주는 스크롤 스토리텔링.
사옥 배경 다크 히어로, 사업영역 그리드, 연혁·인증·오시는길까지 갖춘 격식 있는 기업 홈페이지.
블랙 배경에 X10·키오스크 제품 사진을 크게. 제품 하나씩 풀스크린으로 보여주는 하드웨어 중심 구성.
흑백 + 오렌지 포인트, 얇은 괘선과 넘버링 그리드. 포트폴리오처럼 담백하게 보여주는 구성.
민트+블랙, 큰 볼드 타이포와 마퀴 스트립. 위트 있는 카피로 사람 냄새 나는 기술 회사 느낌.
보라 CI, 검색바 + 배너 + 카테고리 아이콘 + 랭킹 카드. 솔루션을 쇼핑하듯 고르는 구성.
풀블리드 사진 히어로에 좌하단 대형 타이포. 경험 중심 카피와 큰 스탯으로 브랜드 무드 강조.
피처드 기사 + 최신 소식 카드 그리드. 구축사례와 회사 소식을 언론사처럼 보여주는 구성.
웜톤+오렌지, 좌정렬 친근한 타이포와 라운드 카드. 일상 언어로 풀어내는 스토리텔링 구성.
사선 밴드 히어로 + 관제 대시보드 목업. "화면 인프라"로 포지셔닝하는 정제된 SaaS 스타일.
준블랙 배경, 절제된 타이포, 쎄은 보더 카드와 앱 목업. 개발자 감성 미니멀.
검색 필 + 공간별 사례를 숙소 카드처럼. "어떤 공간의 화면인가요?" 컨셉.
콜아웃·체크리스트·테이블·FAQ 토글. 문서처럼 읽히는 담백한 구성.
스크롤 스냅으로 한 화면 = 한 제품. X10·키오스크·SignAir·M-Cast 순서로 몰입.
초대형 압축 타이포 "EVERY SCREEN. EVERYWHERE." 흑백 임팩트와 마퀴.
다크 히어로에 ASCII 아트 + 카카오 옆로우 포인트. 말랑한 라운드 카드 섹션.
풀스크린 그린 히어로 "WOW Every Screen!" + 여백 많은 글로벌 클린 스타일.
흑백 스플릿 히어로 "the Screen;" + 카드 비율 솔루션 타일. 시크한 디자인 기업 무드.
라운드 그레이 배너 + 제품 그리드 + 기능 배너 로우. 제품 회사 정공법.
티커 바 + 피처드 카드 그리드 + "We connect" 스테이트먼트. 포털형 구성.
블랙 헤더 + 카테고리 스트립 + 실시간 랭킹 그리드. 솔루션을 쇼핑몰처럼.
흑백 + 모노스페이스 터미널 모티브. "설치하고. 배포하고. 운영하고." 3단계 워크플로.
유틸리티 바 + 블루 히어로 + 제품 비교표 + 산업분야 그리드. B2B 정공법.
시안 다듬을 때 쓰는 레퍼런스 · 컴포넌트 · 도구 모음