Asset Library · Dime-Style 3D Clay

ARIS Icon Gallery 33 ICONS

คลังภาพ 3D claymorphism สไตล์ Dime by KKP · สีตาม ARIS CI (Cream / Emerald / Marigold) · generate ด้วย Imagen 4 + lift background ด้วย U²-Net ML · ~$1.32 รวม

ARIS mascot
วิธีเพิ่มไอคอนใหม่
1. แก้ไฟล์ tools/generate-dime-style-icons.ts เพิ่ม entry ใน ALL_ICONS → 2. รัน pnpm aris:dime-icons all (skip ของเดิม) → 3. รีโหลดหน้านี้
0

Template Previews

TEMPLATES — ใช้บน Landing + Onboarding + Template Gallery · 4 ตัว · NEW
Template A · Premium Service

tpl-premium-service

คลินิก · อสังหา · คอร์ส · consult

Template B · Product Sale

tpl-product-sale

สินค้า · e-commerce · TANA ใช้

Template C · Lead Generation

tpl-lead-generation

B2B · ประกัน · ที่ปรึกษา

Template D · Local Business

tpl-local-business

ร้านอาหาร · ทำเล็บ · ร้านขายของ

1

Stat Card Icons

DASHBOARD — ใช้บน C5 Dashboard / A1 Admin · 7 ตัว
ผู้เข้าชม

stat-visitors

ลีดใหม่

stat-leads

รายได้

stat-revenue

คลิกNEW

stat-clicks

การติดตามNEW

stat-tracking

ConversionNEW

stat-conversion

หน้าเว็บNEW

stat-pages

2

Quick Action Icons

QUICK ACTIONS — ใช้บน "ทำต่อด่วน" ใน C5 · 6 ตัว
แก้ไขเว็บ

qa-edit-page

โดเมน

qa-domain

ลีด

qa-leads

แชร์ลิงก์

qa-share

บิล

qa-billing

ช่วยเหลือ

qa-support

3

Empty State Illustrations

PLACEHOLDER — โชว์ตอน "ยังไม่มี..." · 6 ตัว
ไม่มีลีด

empty-no-leads

ไม่มีหน้าเว็บNEW

empty-no-pages

ไม่มีออเดอร์NEW

empty-no-orders

ไม่มี ticketNEW

empty-no-tickets

ยังไม่ตั้งค่า trackingNEW

empty-no-tracking

ไม่มีลูกค้าNEW

empty-no-customers

4

Hero Illustrations

HERO — Landing + key moments · 3 ตัว
AI สร้างเว็บ (v2 — no text!)NEW

hero-ai-builds-v2

Publish สำเร็จNEW

hero-publish-success

Customer JourneyNEW

hero-customer-journey

5

ARIS Mascot

BRAND CHARACTER — Brand mascot · ใช้บน login / loading / 404
ARIS MascotNEW

aris-mascot

Cream blob + green leaf hat + ถือโทรศัพท์ส้ม

การใช้งาน
  • • หน้า Login / Register — มุมขวาบนของ panel ขวา (อยู่แล้ว)
  • • Loading screens — ตอนรอ AI generate หน้าเว็บ
  • • Empty / 404 — แทนรูป "ผิดพลาด" ปกติ
  • • Email signature — ใส่ตอนส่ง welcome email
6

Milestone Badges

GAMIFICATION — Achievement / progress · 5 ตัว
ลีดแรกNEW

badge-first-lead

10 ลีดNEW

badge-10-leads

100 ลีดNEW

badge-100-leads

ขายแรกNEW

badge-first-sale

รายได้ 10KNEW

badge-revenue-10k

ใช้ในหน้าไหนแล้วบ้าง

P1 Landing
  • • Hero illustration v2
  • • Mascot (มุมซ้ายบน)
C5 Dashboard
  • • 4 Stat icons
  • • 4 Quick action icons
  • • Upgrade banner art
P4 Login
  • • ARIS mascot ขวาบน
ที่เหลือ (TODO)
  • • Apply rounded-22px + tinted shadow
  • • Friendly copy ทุกหน้า
  • • Empty states ในที่เหมาะสม
→ ดู Landing → ดู Dashboard → ดู Login (mascot) → ดูทุกหน้า