'/><rect x='30' y='30' width='540' height='540' rx='22' fill='none' stroke='%23f7f1e8' stroke-width='10'/><rect width='600' height='600' filter='url(%23n)' opacity='0.35'/><path d='M0 250h600M140 0v600' stroke='%23958678' stroke-width='7' opacity='0.45'/></svg>)
Concrete Warm
600×600
호텔 로비와 상업 바닥에 맞는 웜 그레이 콘크리트 패턴.
Tilehub Price Board
컨테이너 가격과
대표 타일 이미지를 한 번에.
직수입 기준 가격 확인만으로 끝내지 않고, 실제로 어떤 톤과 표면감을 제안할 수 있는지 이미지 카드로 같이 보여주는 가격 페이지입니다.
Container Pricing
대표 사이즈 가격 포지션
-
30% MD HOT
-
20% XL PRO
-
30% WALL FAST
Tile Image Cards
대표 타일 이미지 카드
'/><rect x='38' y='38' width='524' height='524' rx='26' fill='none' stroke='%23fff7ec' stroke-width='12'/><g opacity='0.28' stroke='%23a48e6c' stroke-width='7' fill='none' filter='url(%23n)'><path d='M80 90c72 38 136 12 215 34s132 8 226 43'/><path d='M60 276c97-28 178 20 284-3s117 24 202-11'/><path d='M86 468c83 27 165-25 246 8s131 6 208 30'/></g></svg>)
Ivory Stone
600×1200
은은한 결이 살아 있는 대형 스톤 스타일. 고급 주거와 라운지용.
Cream Terrazzo
300×600
카페, 리테일, 욕실 포인트 벽면에 잘 맞는 테라조 감성 타일.
'/><rect x='28' y='28' width='544' height='544' rx='26' fill='none' stroke='%236d7480' stroke-width='9'/><g stroke='%23d8d6d2' stroke-width='4' opacity='0.72' fill='none'><path d='M82 98c44 58 84 108 123 168s52 104 118 165'/><path d='M348 64c-18 72-42 139-20 214s84 123 120 198'/><path d='M502 122c-74 51-135 105-182 185s-82 120-162 176'/><path d='M188 80c39 40 62 79 72 131s2 96 30 157'/></g></svg>)
Sand Beige Mosaic
300×300
욕실 바닥과 포인트 존에 쓰기 좋은 소형 패턴 타일 구성입니다.
Usage Guide
- 가격 카드와 이미지 카드를 같이 배치해 영업 제안서처럼 빠르게 설명할 수 있게 구성했습니다.
- 실제 촬영 이미지가 생기면 현재 인라인 SVG `src`만 교체하면 같은 카드 레이아웃을 유지할 수 있습니다.
- 카드 수를 늘릴 때는 `.tile-card` 블록만 복제하면 동일한 반응형 그리드에 자동으로 들어갑니다.