홈페이지 리뉴얼 시안

같은 콘텐츠, 스물네 가지 다른 느낌. 카드를 눌러 각 시안을 실제 페이지로 확인하세요.

V1테크 SaaSRef. 22miles

멀티 디바이스 CSS 목업 히어로, 밝은 톤의 SaaS 스타일. 솔루션 카드 + 다크 End-to-End 섹션.

V2미니멀 빅타이포Ref. 토스 (toss.im)

흰 배경, 큰 문장형 타이포와 여백 위주. 짧은 카피로 하나씩 보여주는 스크롤 스토리텔링.

V3정통 코퍼레이트Ref. 한일네트웍스 · 삼성SDS

사옥 배경 다크 히어로, 사업영역 그리드, 연혁·인증·오시는길까지 갖춘 격식 있는 기업 홈페이지.

V4제품 쇼케이스Ref. Apple

블랙 배경에 X10·키오스크 제품 사진을 크게. 제품 하나씩 풀스크린으로 보여주는 하드웨어 중심 구성.

V5스위스 에디토리얼Ref. 스위스 그리드 · 에이전시

흑백 + 오렌지 포인트, 얇은 괘선과 넘버링 그리드. 포트폴리오처럼 담백하게 보여주는 구성.

V6민트 & 위트Ref. 우아한형제들

민트+블랙, 큰 볼드 타이포와 마퀴 스트립. 위트 있는 카피로 사람 냄새 나는 기술 회사 느낌.

V7커머스 포털Ref. 야놀자 (NOL)

보라 CI, 검색바 + 배너 + 카테고리 아이콘 + 랭킹 카드. 솔루션을 쇼핑하듯 고르는 구성.

V8시네마틱 브랜드Ref. 여기어때컴퍼니

풀블리드 사진 히어로에 좌하단 대형 타이포. 경험 중심 카피와 큰 스탯으로 브랜드 무드 강조.

V9뉴스룸Ref. 쿠팡 뉴스룸

피처드 기사 + 최신 소식 카드 그리드. 구축사례와 회사 소식을 언론사처럼 보여주는 구성.

V10웜 & 프렌들리Ref. 당근

웜톤+오렌지, 좌정렬 친근한 타이포와 라운드 카드. 일상 언어로 풀어내는 스토리텔링 구성.

V11SaaS 인프라Ref. Stripe

사선 밴드 히어로 + 관제 대시보드 목업. "화면 인프라"로 포지셔닝하는 정제된 SaaS 스타일.

V12다크 리니어Ref. Linear

준블랙 배경, 절제된 타이포, 쎄은 보더 카드와 앱 목업. 개발자 감성 미니멀.

V13스페이스 리스팅Ref. Airbnb

검색 필 + 공간별 사례를 숙소 카드처럼. "어떤 공간의 화면인가요?" 컨셉.

V14도큐멘트Ref. Notion

콜아웃·체크리스트·테이블·FAQ 토글. 문서처럼 읽히는 담백한 구성.

V15풀스크린 몰입Ref. Tesla

스크롤 스냅으로 한 화면 = 한 제품. X10·키오스크·SignAir·M-Cast 순서로 몰입.

V16임팩트 스포츠Ref. Nike

초대형 압축 타이포 "EVERY SCREEN. EVERYWHERE." 흑백 임팩트와 마퀴.

V17다크 & 옆로우Ref. 카카오

다크 히어로에 ASCII 아트 + 카카오 옆로우 포인트. 말랑한 라운드 카드 섹션.

V18그린 클린Ref. LINE

풀스크린 그린 히어로 "WOW Every Screen!" + 여백 많은 글로벌 클린 스타일.

V19블랙 에디토리얼Ref. 현대카드

흑백 스플릿 히어로 "the Screen;" + 카드 비율 솔루션 타일. 시크한 디자인 기업 무드.

V20글로벌 가전Ref. 삼성전자

라운드 그레이 배너 + 제품 그리드 + 기능 배너 로우. 제품 회사 정공법.

V21포털 카드Ref. 네이버

티커 바 + 피처드 카드 그리드 + "We connect" 스테이트먼트. 포털형 구성.

V22랭킹 커머스Ref. 무신사

블랙 헤더 + 카테고리 스트립 + 실시간 랭킹 그리드. 솔루션을 쇼핑몰처럼.

V23제로 미니멀Ref. Vercel

흑백 + 모노스페이스 터미널 모티브. "설치하고. 배포하고. 운영하고." 3단계 워크플로.

V24엔터프라이즈 하드웨어Ref. 인텔 · 시스코

유틸리티 바 + 블루 히어로 + 제품 비교표 + 산업분야 그리드. B2B 정공법.