활동보다는 정렬이 중요합니다
바쁜 팀과 목표가 일치하는 팀은 다릅니다.
우리는 단순히 바쁘게 움직이는 것만이 아니라, 공동의 방향성, 연계된 OKR, 그리고 이사회가 확인할 수 있는 진전에 대해 이야기합니다.
이러한 원칙들은 제품 결정, 마케팅, 그리고 경영진에게 보여주는 방식에 영향을 미칩니다. 외부 커뮤니케이션에 있어서는 절대 타협할 수 없는 원칙입니다.
바쁜 팀과 목표가 일치하는 팀은 다릅니다.
우리는 단순히 바쁘게 움직이는 것만이 아니라, 공동의 방향성, 연계된 OKR, 그리고 이사회가 확인할 수 있는 진전에 대해 이야기합니다.
리더는 복잡한 대시보드 미로 없이 무엇이 중요한지 파악해야 합니다.
우리는 파편화를 줄입니다. 지침, 지표 및 실행을 위한 단일 지휘 센터를 구축합니다. 언어는 간결하고 명확하게 유지됩니다.
의사 결정은 오래된 데이터가 아닌 실시간 데이터에 기반해야 합니다.
우리는 과장이나 추측이 아닌, 리더십이 실행에 옮길 수 있는 근거 있는 AI 인사이트, 즉 G0 지표, 변경 로그를 강조합니다.
엔터프라이즈급 실행력을 엔터프라이즈급 복잡성 없이 제공합니다.
우리는 경영진과 운영진을 존중합니다. 엄격한 이사회 운영, 현장 편의성, 그리고 관료주의 없는 지배구조를 추구합니다.
우리가 하는 말, 그 말을 하는 대상, 그리고 그 내용을 증명하는 방식은 웹사이트, 제품, 영업, 파트너 자료 등 모든 분야에서 일관성을 유지합니다.
Elevale는 방향을 OKR로, 실시간 KPI로, 그리고 팀 정렬로 전환하는 전략 실행 플랫폼으로, 혼란이 아닌 명확성과 방향성을 원하는 비즈니스 디렉터를 위해 설계되었습니다.
단순한 프로젝트 관리 도구나 BI 대시보드가 아닌, 전략 실행 플랫폼입니다. 작업, 핵심 목표(G0), 그리고 실시간 성과 지표(G1)가 하나의 시스템에 통합되어 방향성, 일상 업무, 그리고 증거 자료가 서로 연결되어 관리되므로 여러 앱에 분산되지 않습니다.
다수의 사업장을 운영하거나 성장하는 기업을 이끄는 사업 이사, 창업자 및 경영진. 이들은 전략을 수립하고, 검토를 진행하며, 단순히 소프트웨어를 늘리는 데 그치지 않고 기업 전체가 하나의 흐름으로 움직이도록 해야 합니다.
전략을 경영진이 확인하고 지시할 수 있는 실행으로 전환하세요: 명확한 방향 제시, 측정 가능한 목표 설정, 실시간 지표 제공, 그리고 공개된 웹 정보가 아닌 귀사의 비즈니스를 파악하는 AI를 활용하세요.
제품 현실에 기반한 주장: OKR는 작업과 연결되고, KPI는 실시간으로 업데이트되며, 비즈니스 변경 로그가 기록되고, Otto는 작업 공간 데이터에 기반하며, 경영진이 인식하는 결과(정렬, 사각지대 감소, 검토 속도 향상)를 제공합니다.
히어로 섹션과 랜딩 섹션에서는 스토리를 세 단계로 구성하세요. 긴장감을 유발하는 후크로 시작하고, Elevale가 어떻게 그 긴장감을 해소하는지 보여준 다음, 다음 단계로 넘어가도록 유도하세요. 이는 스토리텔링 순서이지, 타이포그래피 사양이 아닙니다. 헤드라인, 본문, 버튼 스타일은 타이포그래피와 UI 패턴에 있습니다.
당신은 그 계획에 동의했습니다. 오늘 계획대로 진행되는 일이 무엇인지 물어보면 방 안은 조용해집니다.
하나의 통합 관리 센터에서 방향, OKR, 실시간 KPI 및 일상 업무를 연결하여 경영진이 복잡한 대시보드 없이도 진행 상황을 파악하고 방향을 제시할 수 있습니다.
14일 무료 체험을 시작하세요
우리의 가치와 메시지가 글로 표현될 때 어떤 느낌일까요? 자신감 있고, 직접적이며, 실용적입니다. 전문 용어가 아닌 명확성을 필요로 하는 경영진을 위해 작성되었습니다.
Elevale이 무엇을 하는지, 그리고 왜 중요한지 쉽고 간결한 문장으로 설명하세요. 구체적인 명사를 사용하고, 불필요한 형용사는 피하세요.
능동적인 표현과 리더가 시각화할 수 있는 결과를 선호하세요. 현실을 반영하는 평가, 팀이 책임감을 가질 수 있는 목표, 실시간으로 업데이트되는 지표를 활용하세요.
실질적인 문제점을 인정하세요: 파편화된 도구, 아무도 따르지 않는 슬라이드 속 전략, 지난달 수치에만 의존한 평가 등. 그런 다음, 믿을 만한 해결책을 제시하세요.
전략을 이사회에서 확인할 수 있는 실행으로 옮기세요.
Elevale는 방향, OKR 및 실시간 KPI를 하나의 명령 센터에서 연결하여 리더십이 스프레드시트 대조에 소요하는 시간을 줄이고 비즈니스 운영에 더 많은 시간을 투자할 수 있도록 합니다.
오토는 수달입니다. Elevale의 AI 전략 고문이자 브랜드 캐릭터죠. 그는 인간 대변인이 아닙니다. 언제나 문제를 제시하는 것이 아니라 해결책을 제시해야 하며, 명확성, 에너지, 그리고 목적 의식을 담은 기쁨을 선사해야 합니다.
명료함, 에너지, 그리고 기쁨. 결코 마스코트도, 소품도 아닙니다.
그는 우리 AI 전략 자문의 상징적인 얼굴입니다. 수달처럼 친근한 모습으로 현실적인 조언을 전달합니다. 그는 고객의 전략 방향, OKR, KPI, 위키, 시장 상황 등을 종합적으로 고려하여 함께 고민하는 파트너입니다. 모든 만남은 명확한 브리핑, 해결된 장애물, 통찰력에서 실행으로 이어지는 추진력 등 나아갈 방향을 제시해야 하며, Elevale 이전의 혼란스러운 상황을 보여서는 안 됩니다.
오토는 플랫폼 내 AI 전략 고문으로, 음성 및 텍스트 채팅, 실시간 KPI 및 OKR에 대한 인라인 참조, 그리고 인사이트를 바탕으로 새로운 방향, 목표 및 작업을 제시하는 데 도움을 줍니다. 그는 크고 작은 질문에 대한 최고의 조언자이며, 그의 조언은 항상 워크스페이스 데이터와 연관되어 있고, 실용적이며 현실에 기반합니다.
웹사이트와 홍보 자료에서 오토는 해결책을 제시할 수 있을 때 등장합니다. 예를 들어, 지휘 센터를 소개하거나, 명확성이 어떻게 구현되는지 보여주거나, 비즈니스를 이해하는 AI를 보여주는 식입니다. 페이지 여백에 있는 마스코트도 아니고, 공허한 과대광고 옆의 소품도 아닙니다. 목적이 최우선입니다.
캠페인에서 Otto는 전략적 명확성, 실행력, 그리고 실제 업무에 기반한 AI를 지원하며, 결코 우스꽝스럽거나 문제를 의인화하지 않습니다. 방향성이 드러나고, 의사 결정이 막힘없이 진행되며, 경영진이 별도의 대시보드 없이 해답을 얻는 모습을 보여주세요. 승인된 아트워크만 사용 가능합니다.
승인을 위해 담당 팀에 문의하십시오. 내부 자료, 외부 광고, 소셜 미디어 또는 파트너 자료 등 어떤 용도로든 Otto를 사용하려면 게시 전에 브랜드 승인을 받아야 합니다.
록업은 기본 Elevale 로고입니다. 로고 마크와 워드마크가 하나의 파일에 포함되어 있습니다. 스트랩라인은 별도의 마케팅 문구입니다. 저희 사이트에서 자주 사용되지만, 록업 아트워크에는 포함되지 않습니다.
브리핑 자료, 프레젠테이션 자료, 브랜드 키트 등에서 이러한 명칭을 일관되게 사용하십시오. Elevale 로고라고 하면, 특별히 로고 마크만 요청하지 않는 한 전체 로고 조합을 의미합니다.
결코 죽지 않는 전략
영웅에게 일반적으로 배치되는 위치
이 로고는 종종 주요 헤드라인 위에 나타납니다. 브랜드에서 맞춤형 로고 조합을 승인하지 않는 한, 내보내는 로고 파일에서 이 로고를 제외하세요.
로고는 서로 어긋나 있고 맞물린 두 개의 정사각형으로 이루어져 있습니다. 마치 서로 다른 모듈들이 만나기를 선택한 것처럼 보입니다. 전략과 실행 사이, 경영진의 말과 사업의 성과 사이에 존재했던 간극을 의도적으로 메운 것입니다. 흐릿하거나 억지로 끼워 맞춘 것이 아니라, 눈으로 확인할 수 있는 연결고리입니다.
겹치는 부분이 핵심입니다. 그 공통된 모서리가 바로 Elevale가 존재하는 곳입니다.
한쪽 구석에는 스프레드시트, 다른 쪽 구석에는 OKR 기호, 지난달 수출 실적을 바탕으로 작성된 보고서. 로고는 이러한 흐름과 정반대되는 모습입니다. 두 개의 평면이 서로 맞닿아 정렬되는 모습은 기업이 대외적으로 모순되는 모습을 드러내지 않도록 합니다.
공유 공간은 단순한 장식이 아닙니다. 브리핑, 측정 지표, 그리고 팀 활동이 만나는 교차점입니다. Elevale는 바로 그 교차점에서 탄생한 결과물입니다. 방향 제시, 측정, 그리고 후속 조치를 위한 하나의 표면인 셈입니다.
오프셋은 충돌 없이 앞으로 나아가는 움직임을 암시합니다. 전략이 운영을 무산시키지 않고, 데이터가 사람들을 짓누르지 않습니다. 사각형들은 마치 우선순위가 마침내 같은 방향으로 끌어당기듯 함께 전진합니다.
Elevale는 바로 그 교차점에서 출발합니다. 정렬이란 벽에 붙인 포스터가 아닙니다. 조직이 의도와 증거가 일치하는 순간, 비로소 혼란을 뛰어넘는 것입니다. 로고는 작지만, 그 안에 담긴 아이디어는 결코 작지 않습니다.
분홍색과 보라색은 각각 마크에서 고유한 역할을 합니다. 분홍색은 따뜻한 느낌을 주며, 방향성, 추진력, 그리고 결정을 내리도록 하는 동기를 나타냅니다. 보라색은 차가운 느낌을 주며, 근거, 구조, 그리고 방향을 제시하는 증거를 의미합니다. 두 색상은 서로 다른 영역에 배치하고, 의도와 증거가 만나는 경계선에서만 공유합니다. HEX, RGB 및 UI 규칙은 핵심 색상에 포함되어 있습니다.
분홍색
방향과 추진력
따뜻한 마젠타 색상에 선명한 에너지가 담겨 있습니다. 로고에서 가장 먼저 눈에 띄는 이 색상은 리더십이 다음에 중요한 것을 명확히 제시해야 하는 방식과 유사합니다.
Represents 증거보다 의도가 우선: 사업의 방향, 우선순위, 그리고 실행에 필요한 에너지.
로고 마크에서 분홍색은 이야기를 이끌어가는 중심 요소입니다. 제품 UI에서는 주요 버튼, 우선순위 상태, 명확한 결정이 필요한 순간 등 액션 레이어에서 분홍색이 중요한 역할을 합니다.
보라
증거와 구조
깊이 있는 차분한 청자색입니다. 따뜻한 분홍색에서 살짝 벗어나 안정적이고 신뢰할 수 있는 색조로, 형태, 구조, 그리고 증거를 전달합니다.
Represents 기업이 보여줄 수 있는 것: 실시간 KPI, 연계된 업무, 체계적인 구조, 그리고 신뢰할 수 있는 데이터 기반 리더십.
로고 마크에서 보라색은 분홍색으로 시작하는 부분을 완성합니다. 제품 UI에서는 지표, 탐색 강조, 그리고 장식보다 명확성이 중요한 영역에 보라색이 사용됩니다.
로고 마크의 분홍색 코너 모듈 높이(표준 로고 크기에서 20px)와 동일한 여백을 로고의 모든 면에 유지하십시오.
x는 로고 마크의 분홍색 모서리 모듈의 높이입니다(표준 로고 크기에서 20px). 로고의 네 면 모두에 최소 x만큼의 공간을 확보하십시오.
승인된 로고 조합 파일과 로고 마크만 포함된 파일을 다운로드하세요. 마케팅 목적으로는 로고 조합 파일을 사용하고, 공간이 부족하거나 브랜드 인지도가 높은 경우에만 로고 마크만 사용하세요.
파비콘, 앱 아이콘, 아바타 및 간소화된 UI에 사용하세요. 앱 타일 파일에는 색상이 있는 배경이 포함되어 있으므로 자르거나 색상을 변경하지 마세요.
밝은 배경에는 전체 색상 잠금 기능을 사용하고, 어두운 배경에는 어두운 배경용 잠금 기능을 사용하십시오. 사진이나 복잡한 표면에서는 단색 오버레이를 추가하거나 잠금 기능을 반전시켜 마크가 잘 보이도록 하십시오.
늘리거나 변형시키지 마세요
윤곽선을 추가하지 마세요
잠금장치를 회전시키지 마세요
명암 대비가 없는 복잡한 배경에 배치하지 마세요.
충분한 공간을 확보하십시오
분홍색과 보라색은 서로 대체재가 아니라 한 쌍을 이룹니다. 분홍색은 시선을 방향과 행동으로 이끌고, 보라색은 그 이면에 숨겨진 실질적인 진실을 전달합니다. 중립적인 색상은 제품 UI와 장문의 텍스트에서 중요한 역할을 합니다.
분홍색은 추진력이나 주요 행동을 강조할 때 사용하세요. 보라색은 데이터로 구조, 지표 또는 신뢰를 보여줄 때 사용하세요. 분홍색에서 보라색으로 이어지는 그라데이션은 주요 요소 및 프리미엄 밴드에만 사용 가능합니다. 그라디언트를 참조하세요.
브랜드 핑크색. 방향, CTA, 로고 마크의 맨 앞쪽 사각형. 색조나 채도를 변경하지 마십시오.
#E20F7A rgb(226 15 122) --pink
브랜드 색상은 보라색입니다. 제품 UI 구조와 로고 마크의 끝부분에 있는 사각형이 그 색상입니다. 색조나 채도를 변경하지 마십시오.
#5270F5 rgb(82 112 245) --purple
#FCE4F1 rgb(252 228 241) --pink-light
#EEF0FE rgb(238 240 254) --purple-light
#111318 rgb(17 19 24) --dark
#0A0A0A rgb(10 10 10) --black
#FFFFFF rgb(255 255 255) --white
#F9FAFB rgb(249 250 251) --off-white
그라데이션은 분홍색에서 보라색으로 자연스럽게 이어지며, 로고 마크와 같은 스토리를 연속적으로 표현합니다. 히어로 섹션, CTA(행동 유도 버튼), 프리미엄 마케팅 자료 등에 적절히 사용하고 본문 뒤에는 절대 사용하지 마세요.
제목, 히어로 타이틀, 섹션 레이블. 마케팅 자료에는 문장 대문자를 사용하고, 짧은 레이블을 제외하고는 모두 대문자로 쓰지 마세요.
전략 실행이 명확하게 드러났습니다.
본문, UI 레이블 및 보조 텍스트. 가중치 400, 500, 700이 승인되었습니다.
방향 설정, KPI, OKR 및 팀 정렬을 위한 단일 플랫폼.
사진은 제품 UI, 다이어그램, 마케팅 그래픽과 함께 중요한 역할을 합니다. 캠페인 메인 이미지, UI 목업, 업무 현장 및 팀 활동 모습, 앱 화면 내 작은 아바타(타임라인, 조직도, 담당자 정보) 등에 활용됩니다. 모든 이미지는 명확한 문구, 브랜드 색상, 그리고 맥락을 통해 전략 및 실행을 뒷받침해야 합니다.
제작 사진 촬영에는 캠페인 프레임, UI 목업, 업무 현장 사진, 팀 사진 및 UI 아바타가 포함됩니다. 각 유형별로 아래 카드에 명시된 크기 및 소싱 규칙과 함께 배송 금지 항목 목록이 있습니다.
인물이나 승인된 브랜드 캐릭터를 그라데이션 또는 색상 띠, 헤드라인, 제품 UI와 같은 구성된 장면과 함께 배치하세요. 따뜻함과 신뢰성은 인간적인 면에서 나오고, 실용성은 인터페이스에서 드러납니다. 가독성이 유지되는 한, 테두리 위쪽으로 여백을 확장할 수도 있습니다.
스타일리시한 UI 그래픽과 구성된 장면을 제작하세요. 특정 하드웨어의 사진(아이폰, 맥북 또는 기타 브랜드 기기의 베젤 사진)을 사용하지 마세요. 제품이 새로워지더라도 시각적 요소가 시대에 뒤떨어지지 않도록 중립적인 화면 형태, 레이어드 카드 또는 추상적인 프레임을 활용하세요. 스토리텔링에 도움이 될 때만 사진을 UI와 함께 사용하고, 텍스트와 카드는 읽기 쉽게 유지하세요. 원본 해상도의 이미지를 사용하고, 저해상도 이미지를 늘리지 마세요.
회사 소개, 문화 행사, 채용 정보, 편집 관련 페이지에는 실제 사무실, 작업장, 업무 현장의 모습을 보여주세요. 일반적인 스톡 이미지보다는 자연광이 비치는 실제 공간과 다양한 구성원이 있는 사진을 선호합니다. 이미지 위에 텍스트가 들어갈 경우 단색 또는 그라데이션 오버레이를 추가하세요.
리더십, 사회적 증거, 파트너 콘텐츠에는 친근한 인물 사진과 소규모 그룹 사진을 활용하세요. 의상은 중립적이거나 브랜드 이미지에 부합해야 합니다. 캠페인을 뒷받침하는 경우 제품 UI 또는 헤드라인을 함께 배치하고, 단순히 배경 화면처럼 인물 사진만 사용하지 마세요.
타임라인, 조직도, 담당자 정보, 소셜 프루프 행에는 아바타 크기(약 24~40픽셀)로 자른 인물 이미지를 사용하십시오. 이 크기에서는 브랜드 키트에 포함된 승인된 아바타 이미지만 사용하십시오. 영웅이나 캠페인 밴드 이미지에는 아바타 파일을 확대하지 마십시오.
무작위로 배치된 인물 사진, 악수하는 모습이 담긴 스톡 이미지, 제품이나 메시지 맥락이 없는 전체 화면 사진, 또는 소비자들이 흔히 접하는 기기에 고정된 목업 이미지는 사용하지 마세요. 사진은 플랫폼을 설명하고, 실제 작업물을 보여주거나, 헤드라인을 강화하는 데 사용되어야 합니다. 그렇지 않다면 그래픽이나 UI를 활용하는 것이 좋습니다.
런칭 및 캠페인 레이아웃은 실제 인물이나 브랜드 캐릭터와 제품 UI 카드를 브랜드의 강렬한 배경 위에 배치합니다. 헤드라인은 약속을 전달하고, UI 카드는 증거를 제시하며, 사진은 배너 하단에 고정된 상태에서 상단 가장자리를 넘어설 수도 있습니다.
예시 구성입니다. 고해상도의 라이선스 사진 또는 승인된 브랜드 이미지를 캠페인 전체 크기로 사용하십시오.
목업 및 제품 UI 용도로만 사용 가능한 이미지입니다. 아래와 같은 크기로 표시해 주세요. 캠페인, 업무 환경 또는 팀 이미지 제작에는 고해상도 사진을 별도로 제공해 주시기 바랍니다.
캠페인, 목업, 업무 공간 및 팀 사진은 내보내기 전에 긴 변의 길이가 최소 1200픽셀 이상이어야 합니다. 웹용으로는 WebP 또는 AVIF 형식을 제공하십시오. 아바타 키트 파일은 원래의 작은 크기를 유지합니다. 파트너 로고 또는 공동 브랜딩이 포함된 사진을 사용할 경우 브랜드 검토를 요청하십시오.
웹사이트, 특집 페이지, 캠페인 전반에 걸쳐 UI 스타일 카드, 부드러운 오버레이, 절제된 브랜드 색상을 사용합니다. 목표는 단순히 장식을 위한 것이 아니라 깊이 있고 명확한 정보를 제공하는 것입니다.
각 주인공이나 섹션별로 하나의 주요 비주얼이면 충분합니다. 텍스트, 간격, 그리고 하나의 카드 그룹이 스토리를 전달하도록 하세요. 모든 것이 과하게 꾸며지면 아무것도 제대로 전달되지 않습니다.
흰색, 미색, 어두운 텍스트와 같은 중립적인 색상이 레이아웃의 중심을 잡아줍니다. 분홍색과 보라색은 카드 상단 가장자리, 차트 선, 배지, 어두운 영역의 그라데이션 띠와 같은 강조 색상으로 사용됩니다. 복잡한 UI 요소 뒤에 브랜드 그라데이션을 넓은 영역에 모두 사용하지 마세요.
두 장 또는 최대 세 장의 카드를 겹쳐 배치하고, 위치를 약간 어긋나게 배치하고, 살짝 회전시키고, 부드러운 그림자를 넣어 보세요. 이야기가 단순할 때는 두 장이면 충분하고, 맥락을 더해줄 필요가 있을 때만 세 번째 카드를 추가하세요. 앞면 카드는 핵심 메시지를 전달하고, 뒷면 카드는 보충 설명을 제공합니다.
그래픽은 샘플 패널 내부나 차분한 배경에 배치하세요. 사진이나 어두운 띠 위에는 단색 또는 그라데이션 오버레이를 추가하여 글자와 카드가 잘 보이도록 하세요. 카드는 배경 위에 위치해야 하며, 배경과 충돌해서는 안 됩니다.
최대 3개의 카드를 사용하는 예시입니다. 각 레이어에는 제목과 하나의 UI 요소가 있습니다. 앞쪽 카드에는 헤드라인이 표시되고, 뒤쪽 카드는 더 간결하지만 읽기 쉽습니다. 카드가 2개면 충분할 경우 2개만 사용해도 됩니다.
강렬한 그라데이션, 서로 경쟁하는 형태, 동일한 굵기의 블록으로 이루어진 평면 격자 구조는 혼란스러워 보이며 제품 스토리를 약화시킵니다.
실제 Elevale 앱 화면과 UI 패턴의 스크린샷 및 마케팅 이미지에서 시작하세요. 필요에 따라 보조 컨트롤을 단순화하거나, 자르거나, 제거하여 가치를 더 명확하게 보여줄 수 있습니다. 차분한 중성 색상을 사용하고, UI 텍스트에는 Satoshi 스타일을 적용하며, 분홍색이나 보라색은 제품이 실제로 상태, 차트 및 작업을 강조하는 부분에만 사용하세요.
정통 Elevale 레이아웃, 타이포그래피 및 컴포넌트를 사용하여 구축하세요. 마케팅 목적으로는 인터페이스를 간소화해도 괜찮습니다. 사이드 패널을 제거하고, 내비게이션을 간소화하거나, 메시지를 뒷받침하지 않는 기능을 숨기세요. 목표는 중요한 내용을 설명하는 것이지 화면에 모든 컨트롤을 보여주는 것이 아닙니다. UI를 임의의 브라우저 창에 붙여넣거나 일반적인 대시보드 템플릿의 색상만 바꿔서 브랜드처럼 보이게 하지 마세요.
배경은 흰색 또는 미색으로 유지됩니다. 분홍색과 보라색은 앱 내 활성 탐색 항목, 진행률 표시줄, 차트 시리즈, 배지 및 기본 버튼에 나타납니다. 실제 UI에 없는 그라데이션으로 스크린샷을 도배하지 마세요.
설명하려는 워크플로의 범위를 좁히세요. 방향, OKR, KPI 또는 대시보드 등을 중심으로 구성하십시오. 빈 공간, 관련 없는 모듈, 불필요한 UI 요소를 제거하여 시청자가 전체 제품이 아닌 하나의 명확한 결과물만 볼 수 있도록 하세요.
다큐멘터리 스타일의 전체 화면 스크린샷은 사례 연구, 문서 및 영업 자료에 적합합니다. 웹사이트 핵심 콘텐츠의 경우, 전체 앱을 보여주지 않고도 깊이 있는 정보를 전달해야 할 때는 단순화된 이미지나 마케팅 그래픽의 레이어드 카드 그래픽을 사용하는 것이 좋습니다.
제품 및 마케팅 UI는 디자인 시스템에서 제공하는 곡률 반경, 그림자 및 버튼 처리를 공유합니다.
화면당 하나의 주요 액션만 사용하세요. 밝은 마케팅 환경에서는 텍스트 보조 버튼이나 테두리가 있는 알약 모양 버튼과 함께 사용하세요. 투명 버튼은 어두운 배경에서만 사용하세요.
Elevale는 마케팅 페이지, 기능 섹션 및 UI 목업 전반에 걸쳐 Lucide 윤곽선 아이콘을 사용합니다. 동일한 아이콘 패밀리, 동일한 선 굵기, 그리고 작은 크기 덕분에 탐색 메뉴와 카드 내용을 쉽게 훑어볼 수 있습니다.
16, 20, 24px를 고수하세요. 마케팅용 특징 카드에는 강조를 위해 28px를 사용할 수 있지만, 특별한 크기를 만들어내지 마세요.
마케팅 사이트에 등록된 모든 Lucide 브랜드 이름입니다. 검색 후 디자인 전달을 위해 이름을 복사하거나 Astro 및 Webflow 블록에 사용할 미리 만들어진 코드 조각을 가져오세요.
aria-hidden="true"`를 사용하세요. 아이콘 옆의 텍스트가 의미를 전달합니다.Elevale는 마케팅 사이트와 제품 전반에 걸쳐 모션을 활용합니다. 배경 모션, 스크롤 시 나타나는 모션, 마우스 오버 효과, 단계적으로 펼쳐지는 카드, 그리고 따뜻함과 유머를 더하는 GIF 등을 사용합니다. 모션은 시선을 유도하고 메시지의 명확성을 강화해야 하며, 메시지와 충돌해서는 안 됩니다.
모든 애니메이션은 다음과 같은 질문에 대한 답을 제시합니다. 무엇이 바뀌었는지, 앞으로 무엇이 중요한지, 또는 무엇이 성공했는지. 만약 움직임이 누군가의 훑어보기, 이해, 또는 축하에 도움이 되지 않는다면, 과감히 제거해야 합니다.
뷰포트당 하나의 초점 움직임만 사용하세요. 반복적인 움직임이나, 단순히 시차를 위한 움직임, 또는 여러 요소가 동시에 움직이는 것을 피해야 합니다. 마케팅 그래픽은 이미 깊이감을 활용하고 있으므로, 움직임으로 인해 그래픽 요소가 과도해지지 않도록 주의해야 합니다.
진입 시에는 ease-out을, 토글 시에는 ease-in-out을 사용하세요. 대부분의 UI 전환은 200ms에서 400ms 사이입니다. 히어로 화면의 배경음은 더 길게 지속될 수 있지만, 은은한 느낌을 유지해야 합니다.
장식용 루프와 드리프트는 prefers-reduced-motion: no-preference로 감싸세요. 핵심 상태 변경(메뉴 열기, 포커스)은 사용자가 모션 감소를 요청하더라도 가볍게 애니메이션되거나 즉시 전환될 수 있습니다.
이러한 패턴은 elevale.com 웹사이트 전체와 주요 페이지에 나타납니다. 웹사이트 또는 파트너 홍보 자료를 확장할 때 이러한 패턴을 활용하세요.
Elevale 앱에서 오토와 음성으로 대화할 때 은은하게 빛나는 구체가 나타납니다. 이 구체는 대화가 진행 중임을 보여주며 소리에 반응합니다. 대화 내용과 오토의 답변은 실제 메시지를 전달합니다.
이 제품에서 구체는 화면에 실시간으로 그려집니다(비디오 파일이나 정지 이미지가 아닙니다). 이는 음성 모드의 핵심 시각 요소로, 대기 중일 때는 차분하고, 누군가 말할 때는 더욱 활발해지며, 오토가 말할 때는 더욱 따뜻한 색감으로 변합니다. 로고나 차트, 막대 그래프가 있는 스펙트럼 분석기가 아닙니다.
동일한 음성 세션에 의해 구동되는 두 가지 레이아웃에서 동일한 구체 구성 요소가 사용됩니다.
음성 화면 중앙에 큰 구체(약 320px)가 있습니다. 이 구체를 탭하면 오토가 말하는 도중에 말을 멈출 수 있습니다.
최소화된 음성 칩에 작은 구체(약 92px)가 표시됩니다. 구체를 탭하면 채팅 보기로 돌아가고, 음소거 및 종료 버튼은 구체 위에 있습니다.
움직임은 임의 애니메이션이 아닌 세션의 실제 오디오를 따릅니다.
그 구체를 딱딱한 3D 공이나 파형 디스플레이가 아니라, 겹겹이 쌓인 부드러운 빛으로 생각해보세요.
elevale.com의 기능 페이지는 정적 목업에 이 디자인의 간소화된 CSS 버전을 사용합니다. 실제 앱의 오브 아이콘은 더 풍부한 기능을 제공하며 실제 마이크와 재생 오디오에 연결되어 있습니다.
브랜드의 기본 색상에서 흰색으로 갈수록 파스텔 핑크와 라벤더 색상이 은은하게 빛납니다. 무지개처럼 색이 변하거나, 단색으로 채워지거나, 날카로운 경계가 없습니다. 차분한 상태에서는 슬레이트 계열의 중성 색상만 사용합니다.
오토의 캐릭터와 분위기는 라이브 공연에서 찾아볼 수 있습니다. 장미유.
카드와 버튼 위에 마우스 커서를 올리면 일반적인 이징 효과와 지속 시간을 확인할 수 있습니다.
GIF는 Elevale가 딱딱한 기업 브로셔가 아닌, 실제 사람처럼 느껴지도록 만드는 요소입니다. 제품 홍보 시 기쁨을 표현하고, 채팅에서 반응을 보이며, 마케팅 자료에 가끔씩 재미있는 루프를 삽입하는 등 다양한 방식으로 활용하세요. 따뜻함이나 미소가 필요한 순간에, 친근하면서도 브랜드 이미지에 맞는 방식으로 GIF를 사용하되, '진지해 보이려고' 딱딱하게 사용하는 것은 피해야 합니다.
승인된 축하 및 반응 GIF는 사이트 자산 및 브랜드 키트에 포함되어 제공됩니다. 추가 GIF는 브랜드 팀을 통해 요청해 주세요. 저희는 Elevale 특유의 느낌을 유지하면서도 재치 있는 루프 GIF를 환영합니다.
승인된 라이브러리 GIF 이미지로, 유쾌하거나 축하하는 분위기를 담고 있으며, 메시지를 잘 전달하고, 파일 크기가 적절해야 합니다.
논란의 여지가 있거나, 정치적이거나, 불쾌감을 주거나, 또는 전혀 관련 없는 밈 문화. 충격적이거나, 잔인하거나, 도발적인 내용은 없습니다.
제휴 파트너 또는 추천 파트너로서, 귀하는 당사의 공식 명칭과 디자인을 사용하여 Elevale를 귀하의 잠재 고객에게 소개해야 합니다. Elevale는 Elevale임을 명확히 나타내야 하며(자체 브랜드 상품으로 위장해서는 안 됨), 본 허브에서 승인된 자료를 사용하고 유료 또는 노출도가 높은 캠페인을 진행하기 전에 서면으로 브랜드 승인을 받아야 합니다.
리셀러와 달리 제휴 파트너는 화이트 라벨링을 하지 않습니다. 자체 브랜드로 판매해야 하는 경우 리셀러 섹션을 참조하세요. Elevale 제품만 네트워크와 공유하는 경우에는 이 섹션이 적용됩니다.
브랜드 허브와 키트에서 필요한 것을 가져오세요. 확신이 서지 않을 때는 즉흥적으로 구성하기보다는 필요한 요소만 사용하는 것이 좋습니다.
Elevale 눈에 잘 띄는 잠금 디자인, 승인된 색상, 추천 링크로 연결되는 명확한 CTA, 그리고 정직한 정보 공개.
로고 색상 변경, 새로운 제품명 부여 또는 Elevale 프로모션에서 당사 브랜드를 귀사 브랜드로 대체하는 것.
고객 추천 프로그램 참여자는 Elevale에 대한 공개적인 언급 시 이 섹션을 준수해야 합니다. 프로그램 규칙 및 수수료는 추천 프로그램 페이지에서 확인할 수 있습니다.
Elevale는 제휴사 접근을 일시 중지하거나 종료하고, 수수료 지급을 보류하거나, 규정을 준수하지 않는 자산의 삭제를 요구할 수 있습니다. 반복적이거나 심각한 오용이 발생할 경우 제휴 관계가 종료될 수 있습니다.
승인된 리셀러는 Elevale를 자체 제품으로 운영합니다. 화이트 라벨 기능이 내장되어 있어 모든 클라이언트 워크스페이스에 귀사의 로고, 기본 색상 및 도메인이 적용되며, 클라이언트 경험에서 Elevale 브랜딩은 최소화됩니다. 귀사는 중심에서 서비스를 제공하고, 저희는 플랫폼의 운영을 지원합니다.
리셀러 프로그램은 귀사의 고객 관계 및 시장 진출 전략을 위해 설계되었으며, Elevale를 주력 브랜드로 홍보하기 위한 것이 아닙니다.
고객은 작업 공간 내에서만 브랜드 이미지를 접합니다. 마케팅 및 영업 활동에서는 플랫폼을 제품이자 방법론으로, 브랜드 이름과 이미지에 맞춰 제시하세요.
화이트 라벨 리셀러는 Elevale 제휴사 자격으로 판매하지 않습니다. 당사의 로고를 사용한 공동 브랜딩은 두 브랜드 이름이 하나의 자료에 반드시 표시되어야 하는 극히 드문 경우에만 허용됩니다. 해당되는 경우 공동 브랜딩을 참조하십시오. 그렇지 않은 경우에는 고객용 자료 및 마케팅 자료에서 Elevale 로고를 사용하지 마십시오.
파트너 콘솔 내에서 일상적인 화이트 라벨 구성에는 승인이 필요하지 않습니다. Elevale를 명시적으로 언급하거나, Otto를 사용하거나, 또는 귀사 브랜드와 당사 브랜드를 모호하게 하는 외부 캠페인을 진행하기 전에는 Elevale에 문의하십시오.
Elevale 로고와 파트너 마크가 동일한 자산(웹사이트 메인 화면, 슬라이드, 이벤트 배너 등)에 함께 표시되는 경우, 공동 브랜딩 규칙을 적용하세요. Elevale 로고만 단독으로 홍보하는 제휴사는 제휴사 규정을 따라야 합니다. 화이트 라벨 리셀러는 별도로 리셀러 규정을 준수해야 합니다.
공유 브랜드 폴더에서 로고, 색상 참고 자료 및 템플릿을 다운로드하세요.
본 지침에서 사용되는 용어에 대한 간략한 정의입니다.
마케팅, 제품 및 파트너 자료에 Elevale 브랜드를 적용하는 방법에 대한 간략한 답변입니다.
흰색 또는 미색 배경에는 전체 색상 로고를 사용하세요. 어두운 단색 배경에는 어두운 배경용 로고(컬러 로고 마크, 흰색 워드마크)를 사용하세요. 어두운 앱 UI 또는 명암 대비가 낮은 영역에는 반전 로고(모두 흰색)를 사용하세요. 변형 및 사용법을 참조하세요.
공간이 매우 제한적이고 브랜드 인지도가 이미 높은 경우에만 파비콘, 간소화된 앱 아이콘 또는 기존 제품 내비게이션을 사용하세요. 슬라이드, 광고 및 문서에는 전체 로고를 사용하십시오. 변형 로고를 참조하세요.
아니요. 색상을 변경하거나, 효과를 추가하거나, 회전하거나, 늘리지 마세요. 아트워크를 편집하는 대신 브랜드 키트 또는 로고 라이브러리에서 승인된 파일을 사용하세요.
네, 대비가 충분히 강하다면 가능합니다. 로고 뒤에 밝거나 어두운 오버레이를 추가하거나, 어두운 영역에 반전된 로고를 사용하세요. 배경이 복잡하고 로고와의 분리가 충분하지 않은 경우는 피하십시오. 사용법을 참조하세요.
Google Drive 브랜드 키트(SVG 및 PNG 로고, 색상 참조, 템플릿)를 열려면 다운로드를 사용하세요. 최신 로고 조합만 보려면 변형 섹션에서 로고 라이브러리로 이동을 사용하세요.
두 브랜드 로고가 동일한 마케팅 자료(웹사이트, 프레젠테이션, 이벤트)에 모두 나타나는 경우 공동 브랜딩을 사용하십시오. 두 로고의 시각적 비중을 동일하게 유지하고, 최소 24px 간격 또는 구분선을 사용하며, 어느 한쪽 로고도 변경하지 마십시오. 공동 브랜딩을 참조하십시오. 화이트 라벨 클라이언트 제품을 제공하는 리셀러는 리셀러를 따르십시오.
리셀러는 고객 경험(로고, 색상, 도메인)을 화이트 라벨링하여 플랫폼을 자체 상품으로 마케팅할 수 있습니다. 최종 고객에게 Elevale 브랜딩을 표시하지 마십시오. 자세한 지침은 리셀러 또는 리셀러 프로그램 페이지를 참조하십시오.
공식 Elevale 자산, 승인된 로고 조합, 브랜드 메시지 및 추적 링크를 반드시 사용해야 합니다. 로고를 변경하거나, 화이트 라벨을 사용하거나, 승인 없이 유료 캠페인을 운영해서는 안 됩니다. 자세한 내용은 제휴 프로그램 및 친구 추천의 프로그램 약관을 참조하십시오.
제목에는 Coolvetica Condensed를, 본문 및 UI에는 Satoshi를 사용하십시오(굵기 400, 500, 700). 유사한 글꼴로 대체하지 마십시오. Google Drive에서 Coolvetica와 Satoshi를 다운로드하거나 Display 및 Body를 참조하세요.
여기에 명시되지 않은 캠페인, 상품 또는 사용 목적의 경우, 게시하기 전에 문의 페이지를 통해 Elevale에 문의해 주세요. 적절한 로고 변형 및 공동 브랜딩 방식을 확인할 수 있도록 모형 이미지와 사용하려는 채널을 함께 보내주시기 바랍니다.
오토는 문제, 마스코트 또는 소품이 아닌, 명확성, 에너지, 기쁨, 그리고 목적 있는 지침을 상징합니다. 오토의 맥락과 승인 규칙을 확인하신 후, 외부 게시 전에 브랜드 팀에 문의해 주세요.