직접 그린 모티프는 만든 사람이 가져온 SVG 한 조각을 카드 전면 뒤에 까는 방식입니다. 다른 장식이 코드에 박힌 열다섯 가지 모양 중 하나를 고르는 것이라면, 이것은 모양 자체를 새로 만드는 유일한 데이터 축입니다.

카드 좌표(가로 486×270, 세로 300×540)를 viewBox 로 삼아 그리고, 색은 hex 대신 $primary·$accent·$text 토큰으로 적으면 디자인의 배색을 그대로 따라갑니다. 콘텐츠보다 뒤에 그려지므로 글자를 가리지는 않지만, 진한 면이 글자 뒤에 깔리면 읽히지 않으므로 투명도를 낮추거나 레이아웃이 비워 두는 구석에 두는 것이 원칙입니다.

허용되는 것은 path·circle·rect·polygon 같은 도형과 그라디언트뿐이고 글자·이미지·외부 참조·스크립트는 검사기가 거부합니다 — 모티프는 장식이지 콘텐츠가 아니기 때문입니다. 업종의 사물을 윤곽선 하나로 요약할 때 가장 힘을 내고(자동화 업체의 래더 회로, 방역 업체의 분사 반경, 고양이 호텔의 귀 실루엣처럼), 인쇄에서는 1px 선과 10% 아래 투명도가 먼저 사라진다는 점은 다른 선화 장식과 같습니다.