Wise
석회암의 긴장감이 느껴지는 짙은 이끼. 거의 검은색에 가까운 숲 바닥에는 석회암 조각들이 흩뿌려져 있고, 거대하고 각진 형체들이 모든 움직임을 예고한다.
Wise 서체는 자신감 넘치고 약간은 강렬한 인상을 줍니다. 짙은 숲 녹색(#163300)이 텍스트, 내비게이션, 어두운 영역, 아이콘 등 대부분의 영역을 차지하고 있으며, 밝은 라임 그린(#9fe870)은 클릭 유도 버튼, 활성 탭, 주요 요소에 기능적인 포인트를 더하는 역할을 합니다. 이 서체는 다소 공격적인 느낌을 줍니다. 900의 굵기로 빽빽하게 배치된 Wise Sans는 홈 화면에서 큰 글자(100px 이상)로 눈에 띕니다. 나머지 시스템은 부드러운 회색(#e8ebe6)이 있는 오프화이트 배경 위에 차분하게 배치되어 있습니다. 버튼, 내비게이션 영역, 체크박스 썸네일, 이미지 마스크 등의 구성 요소는 기본적으로 알약 모양이며, 카드와 입력 필드에는 작은 모서리 반경(10px)이 적용됩니다. 색상 그라데이션은 거의 사용되지 않고, 대신 도롱뇽색과 숲 녹색의 조합이 영역이 어두워짐에 따라 부드럽게 변화하여 과도한 장식 없이 리듬감을 만들어냅니다.
최대 너비 1200px의 중앙 정렬 컨테이너로, 상단의 어두운 영역이 페이지 전체 너비를 차지합니다. 헤더 레이아웃은 흰색 배경에 중앙에 배치된 커다란 헤드라인과 화면 하단 가장자리를 넘어 확장된 대형 일러스트(지구본)가 특징입니다. 영역은 흰색, 연두색, 그리고 "포레스트 잉크" 색상의 어두운 영역이 번갈아 사용되어 자연스러운 색상 리듬을 만들어냅니다. 콘텐츠 레이아웃은 주로 중앙 정렬 방식으로 구성되어 있으며, 상단에는 텍스트와 이미지 블록이 두 개의 열로, 보조 영역에는 주요 요소가 세 개의 열로 배열됩니다. 국가 목록은 국기 이미지가 포함된 5열 그리드를 사용하여 표시됩니다. 내비게이션은 상단에 고정된 단일 바 형태로, 세그먼트 토글 버튼이 있습니다. QR 코드는 스크롤 위치에 관계없이 오른쪽 하단에 고정되어 있습니다.
금화가 놓인 지구본을 묘사한 3D 일러스트레이션은 부드러운 그라데이션과 따뜻한 조명으로 표현된, 촉각적이고 약간 초현실적인 브랜드의 시각적 세계를 구축합니다. 사진은 최소한으로 사용되며, 사용될 경우에도 밝고 자연스러운 느낌을 줍니다. 국기는 5열 그리드에 원형 썸네일 형태로 배치되어 있으며, 유일한 "상징적" 요소는 국가 정체성입니다. 추상적인 그래픽 요소나 정형화된 템플릿은 사용되지 않습니다. 지구본과 금화는 마스코트의 반복적인 모티프로, 여러 이미지를 조합한 것이 아니라 하나의 따뜻하고 낙관적인 오브제를 통해 세계적인 영향력을 상징합니다.
팔레트
상표
- Forest Ink
#163300— 브랜드의 주된 특징인 어두운 스타일, 즉 탐색 텍스트, 어두운 섹션 배경, 밝은 배경의 본문 텍스트, 아이콘 윤곽선, 채워진 탐색 요소 등이 브랜드의 강점을 정의합니다. 무게감이나 권위가 필요한 곳이라면 어디든 포레스트 잉크를 선택합니다. - Lime Voltage
#9fe870— 녹색은 장식적인 디테일을 위한 보조적인 색상으로 사용되거나 사용 빈도가 낮은 검색어를 강조하는 데 사용됩니다. 행동 유도 버튼의 주요 색상으로 사용해서는 안 됩니다. - Spruce
#054d28— 카드 표면, 작은 아이콘, 그리고 포레스트 잉크 색상이 너무 진해서 어두운 영역에 깊이감을 더하기 위해 보조적인 짙은 녹색이 사용됩니다.
중립적
- Linen Mist
#e2f6d5— 표면의 부드러운 하이라이트, 카드 배경의 색조, 탐색 모음의 마우스 오버 상태에 적합한 연한 녹색 계열 색상입니다. 컨테이너 디자인 요소에 은은하게 사용되는 시그니처 녹색 계열 색상입니다. - Signal Blue
#0b4c72— 파란색은 장식적인 디테일을 강조하고 저주파를 부각하는 데 추가적인 악센트 역할을 합니다. - Alarm Red
#cb272f— 붉은색은 장식적인 디테일을 돋보이게 하거나 흔하지 않은 색상을 강조하는 보조적인 색상으로 사용됩니다. 지위를 나타내는 색상이 아니라 보조적인 색상으로 활용하세요. - Charcoal
#454745— 본문, 본문 텍스트, 풍부한 UI - 흰색 배경에 순수한 #000보다 더 부드러운 느낌을 주는 약간 따뜻한 검정색입니다. - Obsidian
#0e0f0c— 제목, 고대비 제목, 내비게이션 및 메인 메뉴의 모든 요소는 순수한 검정색입니다. 중립적인 회색이 아닌 약간 초록빛이 도는 검정색입니다. - Pebble
#868685— 차분한 보조 텍스트, 자리 표시자 텍스트, 아이콘 윤곽선 및 입력 필드 테두리. 중간 회색으로, 멀어지는 듯한 느낌을 줍니다.
타이포그래피
12픽셀에서 105픽셀로 · 10단계
- Inter — 대사: Inter (native Google Fonts) · 요점 400,500,600,700 · 제품 전체의 본문, 사용자 인터페이스, 캡션 및 소제목에 동일한 글꼴이 사용되었습니다. 중간 크기 제목(36~45px)에는 700포인트, 소제목과 캡션에는 500~600포인트, 본문과 캡션에는 400포인트 글꼴이 사용되었습니다. Inter는 은은한 느낌을, Wise Sans는 더 굵은 느낌을 제공합니다.
- Wise Sans — 대사: Inter Black (900) with -0.04em tracking · 요점 900 · 헤드라인은 브랜드의 명함과 같습니다. 89~105px의 피치와 좁은 자간을 가진 900포인트의 고밀도 폰트는 각 헤드라인을 강렬하고 굵은 광고로 만들어줍니다. 헤드라인은 본문, 섹션 제목, 캠페인 핵심 내용 등 최소한의 부분에만 사용됩니다.
- monospace — 대사: Inter · 요점 400 · 고정폭 글꼴 - 추출된 데이터에서 발견되었지만 AI가 설명하지 않았습니다.
간격과 형태
| 목적 | 의미 |
|---|---|
| 밀도 | 밀집한 |
| 기본 단계 | 8-12px |
| 버튼 반경 | 9999px |
| 카드 반경 | 10px |
| 그림자 | 아니요 - 그림자 대신 테두리를 사용합니다. |
| 구간 사이 | 64-80px |
| 페이지 너비 | 1200px |
AI가 Wise 스타일로 웹사이트를 구축하고 내용을 채워줍니다.
- 제품 및 게시물을 링크를 통해 Instagram, TikTok, Facebook 에 올려주세요.
- 이전 사이트의 콘텐츠를 전송하세요. 주소만 지정하면 됩니다.
- 최신 디자인과 최고의 엔진인 React ( Next.js)를 기반으로 서버 렌더링 및 SEO 최적화 기능을 기본 제공합니다.
- 검색 결과 최적화 및 신경망 기반 추천 기능을 완벽하게 자동화했습니다.
비슷한 스타일
- Integrated Biosciences — 한밤중 생물발광 실험실
- Huly — 한밤중 천문대의 오로라 - 주인공은 보라색에서 산호색으로 서서히 변해가는 수직 광선이며, 그 아래의 고요한 부분들은 모두 같은 두 가지 색조의 이야기를 더욱 차분한 분위기로 풀어낸다.
- Dia Browser — 암실 형태의 갤러리 공간과 신문 편집실이 어우러져 있다. 칠흑 같은 어둠 속에서 햇빛에 비친 신문 지면이 드러나고, 각 섹션은 세리프체로 된 헤드라인 하나로 구분된다.
- Mintlify — 유리 테이블 위에 펼쳐진 구름 정원. 손으로 그린 하늘과 다큐멘터리 영상이 한데 어우러져, 색채와 개념이 충돌하는 유일한 순간이자, 페이지가 금욕적인 순백색으로 사라지는 곳이다.
- Gleap — 따뜻한 크림색 톤에 흑연색으로 포인트를 준 작업 공간. 무광 검정 잉크 점들이 린넨 소재의 구조물 위에 떠 있는 듯한 스튜디오.
- ClickUp — 흰색 대리석 위에 펼쳐진 강력한 대시보드. 이 페이지는 생산성 도구의 제품 브로셔이므로, 시각적 언어는 제품 자체에서 차용되었습니다. 빽빽한 목록, 상태 표시기, 아바타 그룹, 그리고 마치 제품 사양서를 전시해 놓은 듯한 대담한 서체 문구들이 그 예입니다.
- monday — 파스텔톤 스티커로 꾸며진 하얀 작업실
- Portal — Twilight Serif Editorial - iOS 스타일로 디자인된 독립 잡지의 프리미엄 특집 페이지
- Slack — 무대는 가지색 바탕에 흰색 스포트라이트가 비추고 있다. 어두운 부분은 짙은 자두색으로 물들어 있고, 연한 흰색 배경은 크고 전위적인 제목들이 자유롭게 드러나도록 해준다.
- Base44 — 햇살이 비치는 노트에 라임색 마커로 쓴 글
- Letters — 아침 일찍 야외 진료소에 간 환자. 은은한 파란색 천장 아래, 소독된 하얀색 탁자 위에는 파란색 수술 도구들이 흩어져 있다.
- Duolingo — 두꺼운 선으로 표시된 녹색 놀이터