WEBNAMU
웹나무
Brand Identity
브랜드 정체성
로고의 의미
웹나무는 고객을 주인공으로 세우고, 그 여정에서 든든한 길잡이 역할을 합니다.
웹나무의 둥글둥글한 로고는 세모(△), 네모(□), 가위표(×), 동그라미(○)로 구성되어 있으며, 각 심볼은 고객의 문제와 이를 해결하는 과정을 상징합니다.
웹나무의 심볼
세모
문제의 해결책이 될 서비스
네모
해결책 3~4단계 계획
가위표
고객이 피해야 할 손실
동그라미
고객의 문제
Brand Identity
브랜드 정체성
어쩌면 당신의 회사를 구원할 무기
웹나무의 로고는 도널드 밀러의 《무기가 되는 시스템》에서 영감을 받아 디자인되었습니다.
이 책은 경영난에 빠진 수많은 기업을 구한 전략을 다루고 있으며, 웹나무 역시 고객의 문제를 해결하는 무기가 될 준비가 되어 있습니다.
Color System
컬러 시스템
에메랄드 그린
Emerald Green
#08A88A
#08A88A
새로운 생명력
생명력과 혁신을 상징하는 에메랄드 그린은 지속 가능한 발전과 기술적 진보를 추구하는 웹나무의 가치를 나타냅니다.
루비 레드
Ruby Red
#A80826
#A80826
타오르는 열정
열정과 창의성을 상징하는 루비 레드는 고객의 비전을 실현하기 위한 웹나무의 헌신과 에너지를 표현합니다.
옵시디언 블랙
Obsidian Black
#121331
#121331
날카로운 전문성
신뢰와 안정성을 상징하는 옵시디언 블랙은 높은 품질과 전문성을 추구하는 브랜드 이미지를 강화합니다.
Font System
폰트 시스템
폰트는 역시 프리텐다드(PRETENDARD)
간결하고 직관적인 프리텐다드(Pretendard) 폰트를 사용합니다.
뛰어난 가독성과 깔끔한 디자인으로, 고객이 정보를 쉽게 이해하고 빠르게 소통할 수 있도록 돕습니다.
가벼운 웹사이트의 용량을 고려해서 Pretendard Variable 버전을 쓰고 있습니다.
웹나무? 웹사이트를 바꾸다!
웹나무? 웹사이트를 바꾸다!
웹나무? 웹사이트를 바꾸다!
웹나무? 웹사이트를 바꾸다!
웹나무? 웹사이트를 바꾸다!
웹나무? 웹사이트를 바꾸다!
웹나무? 웹사이트를 바꾸다!
웹나무? 웹사이트를 바꾸다!
웹나무? 웹사이트를 바꾸다!
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
* {font-family: Pretendard Variable;}
Icon System
아이콘 시스템
홈페이지
랜딩페이지
쇼핑몰
플랫폼
상세페이지
브랜딩
영상
마케팅
움직이는 상형문자 그게 우리가 원하는 것!
잘 배치된 아이콘은 사용자를 유혹하는 강력한 무기가 된다고 믿습니다.
프로젝트마다 통일감있게 아이콘을 만들고, 나아가 생동감있게 움직이고 용량마저 작은 Lottie 파일을 사용합니다.
움직이는 아이콘, Lottie