WEBVERSE STYLE GUIDE
Corporate Website & Brand Asset
This style guide provides the standards for maintaining brand consistency across websites created by Webverse.
It outlines practical rules for colors, typography, buttons, and UI components that can be directly applied in real-world production.
이 스타일가이드는 웹버스가 제작하는 웹사이트에서 브랜드의 일관성을 유지하기 위한 기준을 제공합니다. 컬러, 타이포그래피, 버튼, UI 컴포넌트 등
실제 제작 현장에서 바로 활용할 수 있는 규칙을 정리했습니다.
01. Key Visual
키비주얼은 손해사정 절차와 보상 분석 UI를 직관적으로 보여주는 모바일 화면 요소를 전면 배치하여,
‘복잡한 보상 문제도 디지털 기반으로 정확하게 해결해주는 서비스’라는 메시지를 강화합니다.
파란 계열의 그라데이션과 메시지 중심 배치로 전문성과 신뢰감을 강화했으며,
전문가 이미지와 보험 분석 관련 아이콘이 함께 노출되어
“사람 중심 + 전문가 중심”의 브랜드 이미지를 시각적으로 완성합니다.
02. Color palette
이 색상 팔레트는 손해사정 서비스가 전달해야 하는 신뢰, 공정성, 전문성을 기반으로 설계되었습니다.
각 색상은 보상 분석 과정의 ‘명확성’과 전문가 서비스의 ‘안정감’을 시각적으로 표현하며,
사용자가 편안하게 정보를 이해하고 상담을 진행할 수 있도록 돕습니다
#040636
#0096ff
#f7f9fc
#1e1e1e
03. Text styles
본 파트는 시각적 보이스를 형성하는 텍스트 스타일을 규정합니다.
CSS clamp()를 활용한 최신 반응형 폰트 시스템을 적용하여, 타이포그래피가 다양한 디바이스 환경에서 유연하게 반응합니다.
이러한 현대적인 접근은 모바일, 태블릿, 데스크톱 어디서든 명확한 구조, 일관된 가독성을 보장하며, 미래지향적이고 전문적인 브랜드 이미지를 강화합니다.
Heading 1-3
잘난체 Jalnan
잘난체 Jalnan
잘난체 Jalnan
Heading 1
프리텐다드 Pretendard
Heading 2
프리텐다드 Pretendard
Heading 3
프리텐다드 Pretendard
Heading 4
프리텐다드 Pretendard
Heading 5
프리텐다드 Pretendard
Heading 6
프리텐다드 Pretendard
Body
본문 텍스트는 웹사이트 전반의 일반 콘텐츠에 사용됩니다. 가독성과 일관성을 고려하여 설계되었으며, 정보를 명확하고 쉽게 전달할 수 있도록 구성되었습니다. 단락, 설명문, 그리고 장문의 콘텐츠 등 읽기 중심의 모든 영역에서 이 스타일을 사용하십시오.
Body-light
본문 텍스트는 웹사이트 전반의 일반 콘텐츠에 사용됩니다. 가독성과 일관성을 고려하여 설계되었으며, 정보를 명확하고 쉽게 전달할 수 있도록 구성되었습니다. 단락, 설명문, 그리고 장문의 콘텐츠 등 읽기 중심의 모든 영역에서 이 스타일을 사용하십시오.
All in one
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Use this style for paragraphs.
Heading Combo 1
보험보다 사람을 먼저
생각하는 손해사정
Heading Combo 1
보험사는 절대,
‘당연하다’고 생각하는
돈을 당연하게 내주지 않습니다.
Text Block STYLE
억울하신가요?
안타깝지만 여러분과 보험사간의
불공평한 싸움의 결과는 정해져 있습니다.
결국 ‘보험사 님께서’ 주는 대로 받고 끝날 가능성이 100%에 가깝습니다.
여러분이 받을 보상에 대한 기준을 그들이 직접 만들었으니까요.
어린아이 달래듯 손에 쥐어 주는 그 돈 받고
평생 원망만 하면서 사실건가요?
04. Buttons
이 섹션에서는 사용된 버튼 스타일을 확인할 수 있습니다.
버튼은 브랜드의 핵심 색상(#1F419B)을 기반으로 하여 신뢰감과 전문성을 전달하며,
둥근 모서리 디자인과 넉넉한 패딩은 현대적이고 사용자 친화적인 인상을 제공합니다.
호버 시에는 미묘한 그림자 효과와 색상 변화로 직관적인 인터랙션 피드백을 제공합니다.
04. Other Modules
이 섹션에서는 오아시스 세무회계 웹사이트 전반에 사용된 주요 모듈들을 확인할 수 있습니다.
각 모듈은 정보 전달의 명확성, 시각적 일관성, 그리고 사용자 경험의 향상을 위해 구성되었습니다.
Card Carousel
Blurb styles 1
본사 주소
경기 성남시 분당구 황새울로 216 (휴맥스빌리지) 2층 220호 (수인분당선 수내역 3번출구 50m 이내)
대표 연락처
010-3993-3931
