스토어가 고른 팔레트와 서체를 확인하세요.
Shopify 테마는 페이지 안에 설정을 선언합니다. Evidio는 색상을 HEX 값으로, 폰트 패밀리를 굵기와 함께 읽습니다.
코드에서 읽어 낸 스토어의 시각적 정체성.
디자인
확인할 수 있는 것
- 테마가 선언한 브랜드 색상 (HEX 값)
- 색상을 클릭해 HEX 코드 복사
- 스토어프론트가 불러오는 폰트 패밀리
- 폰트 파일에 명시된 경우, 패밀리별로 불러온 굵기
- 각 폰트를 찾는 링크
스크린숏으로 짐작하는 대신 정확한 색상과 폰트를 얻습니다.
테마 설정에서 팔레트까지.
스토어 분석하기
팔레트와 폰트는 추가 요청 없이 나머지 분석과 함께 읽습니다.
색상 읽기
팔레트에서 원하는 HEX 값을 복사하세요.
서체 읽기
각 폰트 패밀리와 굵기를 보고, 열어서 파일을 찾으세요.
브랜드의 시각적 선택을 정확하게 살펴보세요.
어떤 스토어의 분위기가 마음에 들어서, 무드보드나 클라이언트 브리프에 쓸 정확한 색상과 폰트를 알고 싶습니다. 스크린숏에서 색을 뽑으면 근사치만 나오고, 폰트는 눈으로 이름을 알아내기 어렵습니다.
분석이 테마가 선언한 색상과 폰트를 읽습니다. 짐작하는 대신 정확한 HEX 값을 복사하고 폰트 이름을 확인하세요.
답을 찾도록 돕는 질문
- 이 스토어의 브랜드를 정의하는 색상은 무엇인가요?
- 어떤 폰트를 쓰나요?
- 니치 안에서 팔레트는 어떻게 다른가요?
화면의 모든 색이 아니라, 테마가 선언한 색.
Evidio는 페이지에 작성된 테마 설정에서 색상을 읽고, 장식용 값은 걸러냅니다. 외부 스타일시트에 있거나 Evidio가 읽지 않는 형식으로 작성된 설정은 놓칩니다. 굵기는 폰트 파일 이름에 명시된 경우에만 표시됩니다. 이미지와 앱 위젯이 목록에 없는 색을 더할 수 있습니다.
워크플로의 이 부분을 계속 조사하세요.
자주 묻는 질문
색상은 어디에서 오나요?
Shopify 테마가 페이지에 작성하는 CSS 변수에서 옵니다. 이 변수는 판매자가 테마 편집기에서 고른 설정을 반영합니다. Evidio는 브랜드 색상을 남기고 장식용 색상은 걸러냅니다.
팔레트는 어디에서 볼 수 있나요?
확장 프로그램의 도구에서 각 색상을 복사할 수 있고, Cloud 작업 공간의 스토어 페이지에서도 볼 수 있습니다. 비교 보기에서는 팔레트를 나란히 보여 줍니다.
일부 폰트에 굵기가 없는 이유는 무엇인가요?
굵기는 스토어가 불러오는 폰트 파일의 이름에서 읽습니다. 자체 호스팅 폰트나 다른 형식은 굵기 정보를 담고 있지 않을 때가 있습니다.
이 기능은 어떤 Evidio 플랜에 포함되나요?
이 핵심 기능은 무료 플랜에서 사용할 수 있습니다. 유료 플랜은 필요한 경우 더 높은 한도나 추가 기능을 제공합니다.
다음 Shopify 스토어에서 Evidio가 무엇을 찾는지 확인하세요.
Evidio를 Chrome에 추가하고 실제 스토어를 분석한 뒤, 유용한 신호를 리서치 작업 공간에 보관하세요.