1. 브랜드 소개
지금의 상태를 단정하지 않고 살펴보며, 일상에서 부담 없이 시도할 수 있는 케어를 제안합니다.
마인드웨이브는 몸의 신호를 참고해 일상에서 시도할 케어 선택지를 연결하는 개인화 웰니스 큐레이션을 준비합니다. 자신에게 맞는 방법을 찾아갈 수 있도록 돕는 경험을 지향합니다.
현재는 출시 전 소개 단계입니다. 실제 제공 기능과 이용 조건은 확정 후 안내합니다. 생체 신호만으로 감정을 확정하거나 정신건강 상태를 진단한다고 소개하지 않습니다.
2. 로고
현재의 브랜드 표기는 ‘마인드웨이브’와 ‘MindWave’를 함께 쓰는 텍스트 브랜드명입니다. 진한 갈색 글자와 자연스러운 글자 비율을 유지합니다.
피할 예: 가로로 늘이기
피할 예: 임의로 기울이기
글자를 찌그러뜨리거나 임의의 색·그림자·기호를 더하지 않습니다. 복잡한 그림 위에서는 읽기 쉬운 바탕과 여백을 먼저 확보합니다.
3. 색
따뜻한 아이보리 바탕과 진한 갈색 글자를 중심으로 씁니다. 벽돌색은 강조와 조작 요소에, 올리브는 차분한 보조 표현에 사용합니다.
#FFF9F1전체 바탕
#2C2523브랜드명·제목·핵심 글자
#655A53본문·보조 설명
#8F493E강조·활성 조작·초점
#51634D그림·보조 표현
#F1D8C8그림의 바탕·옅은 강조 면
기본 글자 / 아이보리 바탕14.38:1
보조 글자 / 아이보리 바탕6.39:1
벽돌색 글자와 아이보리 바탕은 6.29:1입니다. 색만으로 상태를 전달하지 않고 문구·밑줄·초점 테두리를 함께 씁니다. 대비 수치는 이 가이드의 지정된 조합을 계산한 값입니다.
구분선은 #E0CEC0, 예시의 옅은 면은 #F7EADF를 사용합니다. 이 색들은 본문 글자색으로 쓰지 않습니다.
4. 글꼴
크고 담백한 한글 제목과 여유 있는 본문을 조합합니다. 각 기기의 기본 한글 고딕을 사용하며 별도의 폰트 파일을 내려받거나 배포하지 않습니다.
Apple SD Gothic Neo, Malgun Gothic, sans-serif
첫 화면 제목 · PC 76px / 휴대폰 40px · 굵게
건강 데이터는
확인하는 데서 끝나지 않도록.
구역 제목 · PC 32px / 휴대폰 26px
몸의 신호에서, 오늘의 케어 선택까지.
본문 · PC 17px / 휴대폰 16px · 행간 1.8배
마인드웨이브는 몸의 신호를 참고해, 일상에서 시도할 수 있는 디지털 루틴과 실물 케어 선택지를 연결하는 서비스를 준비합니다.
보조 안내 · PC 14px / 휴대폰 13px
현재는 출시 전 소개 단계입니다. 실제 제공 기능과 이용 조건은 확정 후 안내합니다.
기기에 따라 글자 모양과 줄바꿈이 달라질 수 있습니다. 본문을 작게 줄여 맞추기보다 너비와 줄바꿈을 조정합니다. 폭 1101px 이상·높이 700px 이하의 낮은 PC 화면에서는 첫 제목을 56px로 표시해 설명과 그림을 함께 볼 수 있게 합니다.
5. 이미지
따뜻한 빛, 여백, 단순한 형태로 일상의 쉼을 표현합니다. 현재 사용하는 그림은 마인드웨이브를 위해 직접 제작한 일러스트이며 실제 이용 장면·고객 사례·판매 상품 사진이 아닙니다.
전체 의미를 보존합니다.
PC와 휴대폰에서 원본 비율을 유지하고 창·의자·노트가 잘리지 않게 전체를 보여줍니다. 실제 상품·인물이 있는 사진을 쓰게 되면 라벨과 얼굴 등 설명에 필요한 부분을 보존합니다.
그림의 역할을 설명합니다.
대체텍스트에는 무엇을 그렸는지와 예시임을 설명합니다. 화면에서도 예시 캡션을 함께 표시하며, 장식만 하는 이미지는 같은 설명을 반복해서 읽지 않게 합니다.
공개 가능한 출처: 마인드웨이브용 자체 제작 일러스트. 일러스트 SVG 원본 보기. 외부 사진·아이콘은 사용하지 않았습니다.
6. 말투
편안한 존댓말로 구체적으로 설명하고, 선택할 여지를 남깁니다. 몸과 감정을 숫자로 단정하거나 아직 제공하지 않는 기능을 현재 쓸 수 있는 것처럼 소개하지 않습니다.
이렇게 말합니다.
- 몸의 신호를 참고합니다.
- 일상에서 시도할 케어 선택지를 살펴보세요.
- 첫 출시 예정 구성을 준비합니다.
이런 표현은 피합니다.
- 감정을 정확히 진단합니다.
- 반드시 회복됩니다.
- 개인정보를 완벽하게 보호합니다.
- 제목
- 건강 데이터는 확인하는 데서 끝나지 않도록.
- 설명
- 마인드웨이브는 몸의 신호를 참고해, 일상에서 시도할 수 있는 디지털 루틴과 실물 케어 선택지를 연결하는 서비스를 준비합니다. 감정 기록과 커뮤니티까지 이어지는 첫 출시 구성을 살펴보세요.
- 현재 안내
- 신청 링크 준비 중. 현재 이 페이지에서는 신청을 접수하지 않습니다.
- 연결 후 버튼 문구
- 출시·체험 소식 받기
7. 화면 구성
‘오늘의 작은 쉼’ 방향은 큰 제목과 넓은 생활 일러스트를 중심으로 합니다. PC에서는 제목 아래 그림과 설명을 비대칭으로 배치하고, 휴대폰에서는 제목·설명·신청 상태를 먼저 읽은 뒤 그림을 봅니다.
현재 신청 상태
현재 이 페이지에서는 신청을 접수하지 않습니다.
연결 후의 시각 예시
실제 신청 경로를 확인한 뒤 사용하는 버튼 표현입니다. 이 견본은 신청 버튼으로 작동하지 않습니다.
첫 출시 예정 구성의 표현
생체 신호 활용 / 디지털 루틴 / 실물 케어 상품 / 감정 기록 / 커뮤니티
예정 기능은 준비 상태와 함께 설명하며, 상품 구매나 앱 실행 버튼처럼 보이게 만들지 않습니다.
휴대폰 좌우 여백은 22px를 기준으로 하고 가로 스크롤 없이 세로로 읽게 합니다. 안내문을 버튼이나 고정 배너로 가리지 않습니다.
홈페이지의 설명과 탐색
서비스 소개, 고객의 상황, 연결하려는 경험, 이용 흐름 구상, 비용·조건, 데이터 활용의 한계, 소식 신청 상태를 충분한 본문으로 설명합니다. PC의 탐색 링크는 한 줄로, 작은 화면에서는 ‘메뉴’ 버튼으로 열어 봅니다.
구역 제목은 PC 32px·휴대폰 26px, 구역 위아래 여백은 80px·48px입니다. 설명은 동일한 카드로 잘게 나누지 않고 글의 역할에 따라 목록·과정·본문으로 표현합니다.
8. 움직임과 접근성
움직임은 읽는 순서와 조작 반응을 돕는 데만 사용합니다. 그림은 실제로 보일 때 짧게 한 번 등장하고, 자동 반복·강제 스크롤·소리 자동 재생은 사용하지 않습니다.
효과와 관계없이 그림과 설명은 읽을 수 있습니다.
| 위치 | 시작과 정지 | 동작 줄이기·키보드 |
|---|---|---|
| 첫 화면 일러스트 | 화면에 보일 때 약 260ms 한 번 등장. 종료 후 반복하지 않습니다. | 동작 줄이기를 켜면 이동·등장 없이 정적으로 표시합니다. |
| 활성 링크·메뉴 버튼 | 마우스 접근·키보드 초점에 약 140ms 색 반응을 줍니다. 메뉴 열기·닫기는 별도의 기본 기능입니다. | 동작 줄이기에서는 색이 즉시 바뀝니다. 초점 테두리는 3px로 표시하며, Enter로 이동하고 메뉴는 Escape로 닫을 수 있습니다. |
| 신청 준비 안내 | 클릭·확대 반응을 붙이지 않습니다. | 실행 가능한 버튼처럼 안내하지 않고 접수 불가 상태를 글자로 설명합니다. |
위 예시의 재생·정지 버튼은 Tab으로 이동하고 Enter 또는 Space로 조작합니다. 운영체제의 동작 줄이기 설정을 반영하며, 자동 움직임과 크기 변화를 생략해도 내용과 경로는 유지합니다.