재사용 가능한 테마 정의
브랜드 색상, 배경, 표면, 타이포그래피, 모양, 컴포넌트 스타일과 도면 주석 스타일을 구성합니다.
임베드 테마
임베드 부품 카탈로그를 브랜드에 맞게 조정하세요.
PartGrid 임베드 테마는 임베드 도면, 컬렉션과 딜러 카탈로그 경험에 재사용 가능한 시각 테마를 적용해 목적지 브랜드에 맞추면서도 관리 가능하게 유지합니다.
재사용 가능한 테마 정의
런타임 테마 토큰
미리보기와 게시 거버넌스
Same catalog, assigned themes
Choose a destination and watch the embed retheme.
OEM website
Service blue12
Ref 12
Ref 13
Ref 14
Resolved theme tokens
OEM website
Primary#2563EB
Surface#FFFFFF
Hotspot#2563EB
Border#BFDBFE
Radius12px
DensityComfortable
The embed receives controlled tokens from PartGrid. It does not need to scrape the host page CSS.
브랜드 적합성 문제
기능이 좋은 임베드도 브랜드에 자연스럽게 어울려야 합니다.
인터랙티브 부품 카탈로그가 웹사이트, 딜러 포털, 고객 포털, 이커머스, 서비스 환경 안에 들어갈수록 일관된 브랜드 표현이 중요합니다. 임베드 테마는 배포마다 맞춤 프런트엔드 작업을 만들지 않고도 시각적 정합성을 관리할 수 있게 합니다.
일반적인 외부 위젯처럼 보이는 임베드는 신뢰를 떨어뜨릴 수 있습니다.
브랜드 팀은 일관되지 않은 고객 경험을 승인하지 않을 수 있습니다.
딜러 포털마다 다른 시각 표현이 필요할 수 있습니다.
임베드마다 맞춤 CSS를 만드는 방식은 확장되지 않습니다.
iframe이 호스트 페이지 CSS에 의존하면 유지보수가 취약해집니다.
여러 컬렉션에 걸쳐 일관된 스타일 거버넌스가 필요합니다.
작동 방식
테마를 한 번 정의하고 필요한 곳에 할당하세요.
PartGrid 테마는 자유 형식 CSS 조각 대신 구조화된 시각 토큰을 사용합니다. 그래서 검증, 미리보기, 재사용과 배포가 더 예측 가능합니다.
임베드 카탈로그 미리보기
게시 전에 도면 뷰어, 부품 목록, 컨트롤, 핫스팟, 버튼이 어떻게 보이는지 확인합니다.
적절한 대상에 할당
지원되는 경우 회사 기본값, 컬렉션, 딜러 컬렉션 또는 도면에 테마를 할당합니다.
런타임에서 적용
임베드는 예측 가능한 테마 토큰을 불러와 내부 런타임 변수로 스타일을 적용합니다.
런타임 테마
호스트 페이지 CSS에 의존하지 않는 런타임 테마.
PartGrid 임베드는 스타일을 위해 호스트 웹사이트의 CSS를 스크래핑할 필요가 없습니다. 테마는 PartGrid 안에서 할당되고 해석되며, 임베드 경험은 예측 가능한 스타일 토큰을 받아 런타임 변수로 적용합니다.
개발자에게 예측 가능하고 브랜드 거버넌스에 안전합니다.
설정된 경우 웹사이트나 브랜드 입력을 바탕으로 초안 테마 제안을 만들 수 있지만, 게시된 임베드는 호스트 페이지를 실시간 복제하는 대신 할당된 테마 토큰을 사용해야 합니다.
테마 문서 보기테마 적용 범위
임베드의 시각 언어를 제어하세요.
테마는 사용자가 실제로 보는 임베드 요소에 집중합니다: 도면 영역, 부품 목록, 패널, 컨트롤, 버튼, 핫스팟, 주석과 보조 UI입니다.
브랜드 색상
강조 색상
배경
표면과 패널
텍스트와 보조 텍스트
테두리
타이포그래피
모서리와 형태
간격 밀도
버튼과 입력
표와 탭
핫스팟과 활성 효과
주석 선
배지와 드롭다운
라이트 또는 다크 표현
테마 할당
경험에 맞는 테마를 적절한 수준에 적용하세요.
테마 할당을 사용하면 카탈로그 데이터를 복제하거나 배포마다 별도 프런트엔드를 만들지 않고도 적절한 수준에 적절한 테마를 적용할 수 있습니다.
회사 기본값
표준 임베드에 적용되는 관리된 기본 테마.
임베드 컬렉션
웹사이트나 포털용 공개 컬렉션의 시각 스타일.
딜러 컬렉션
원본 카탈로그를 유지하면서 딜러용 임베드에 적절한 표현 적용.
도면 임베드
중요 도면이나 특정 배포 맥락에 개별 테마 적용.
테마 변경을 게시 전에 준비하세요.
초안과 활성 토큰을 사용해 변경을 테스트하고 미리보기에서 검토한 뒤 고객에게 노출할 준비가 되었을 때 활성화할 수 있습니다.
브랜드 입력에서 시작점을 만드세요.
설정된 경우 웹사이트, 로고 또는 브랜드 입력을 사용해 초안 테마 제안을 만들 수 있습니다. 실제 사용 전 검토가 필요합니다.
딜러와 고객 경험을 일관되게 유지하세요.
OEM은 원본 카탈로그를 관리하면서 딜러와 고객용 임베드에 상황에 맞는 테마를 적용할 수 있습니다.
배포 적합성
실제 임베드 배포를 위한 테마 기능입니다.
임베드 테마는 PartGrid의 iframe, 컬렉션, 도면, 딜러 컬렉션, 통합 워크플로와 함께 작동합니다. 각 배포를 맞춤 프런트엔드 프로젝트로 만들지 않고 기존 환경에 인터랙티브 부품 도면을 배치하는 데 도움을 줍니다.
브랜드 정렬이지 전체 웹사이트 복제가 아닙니다.
임베드 테마는 웹사이트 빌더, CMS, 디자인 시스템 대체재나 호스트 사이트 자동 복제 기능이 아닙니다. PartGrid 임베드에 통제된 시각 스타일을 적용하는 기능입니다.
자주 묻는 질문
임베드 테마 질문
임베드 테마란 무엇인가요?+
임베드 도면, 컬렉션, 딜러 컬렉션 또는 지원되는 도면에 재사용 가능한 시각 테마를 적용하는 기능입니다.
PartGrid가 웹사이트 CSS를 스크래핑하나요?+
아니요. PartGrid 임베드 테마는 할당된 테마 토큰을 런타임에서 적용합니다. 설정된 경우 웹사이트나 브랜드 입력을 초안 생성의 시작점으로 사용할 수는 있습니다.
테마를 재사용할 수 있나요?+
예. 여러 임베드 경험에 동일한 시각 스타일을 적용할 수 있도록 재사용을 전제로 합니다.
컬렉션마다 다른 테마를 사용할 수 있나요?+
예, 지원되는 할당 대상이 구성된 경우 컬렉션, 딜러 컬렉션, 도면 또는 회사 기본값 등 서로 다른 수준에 테마를 적용할 수 있습니다.
게시 전에 테마를 미리볼 수 있나요?+
예. 초안 토큰과 미리보기를 사용해 활성 스타일로 전환하기 전에 변경을 검토할 수 있습니다.
어떤 시각 요소를 테마로 조정할 수 있나요?+
브랜드 색상, 배경, 표면, 텍스트, 테두리, 타이포그래피, 형태, 간격, 컴포넌트 스타일, 주석 선, 마커, 핫스팟, 활성 상태 등을 포함할 수 있습니다.
AI로 테마 제안을 만들 수 있나요?+
설정된 경우 웹사이트, 로고 또는 브랜드 입력으로 초안 테마 제안을 만들 수 있습니다. 게시 전 검토와 수정이 필요합니다.
테마가 모든 맞춤 개발을 대체하나요?+
아니요. 테마는 반복적인 시각 커스터마이징을 줄여주지만, 맞춤 레이아웃, 동작 또는 통합 로직은 추가 개발이 필요할 수 있습니다.
임베드 부품 카탈로그를 기존 경험의 일부처럼 보이게 할 준비가 되셨나요?
웹사이트, 딜러 포털 또는 임베드 카탈로그 사용 사례를 보여주시면 PartGrid 테마로 시각 경험을 정렬하면서 카탈로그 워크플로를 관리하는 방법을 확인할 수 있습니다.