Treasury controls
you can read
หน้านี้สาธิตดีไซน์ของแดชบอร์ดการเงินองค์กร — กฎการอนุมัติ บันทึกการเปลี่ยนแปลง และกราฟที่วาดตัวเองตอนเลื่อนจอ ทุกตัวเลขบนหน้าเป็นข้อมูลตัวอย่างของ UI
หมายเหตุ: Vault เป็นแบรนด์สมมติในเทมเพลต ไม่ใช่ผลิตภัณฑ์การเงินจริง และหน้านี้ไม่ใช่คำแนะนำการลงทุน
ตัวเลขและรายการทั้งหมดในภาพนี้เป็นข้อมูลตัวอย่างสำหรับงานออกแบบ ไม่ได้เชื่อมต่อระบบใด
// Sample UI counters
Mock data only// Draw on scroll
The line draws
as you read
เส้นกราฟนี้วัดความยาวเส้นจริงด้วย getTotalLength() แล้วผูก strokeDashoffset กับความคืบหน้าของการเลื่อนจอ ส่วนพื้นที่ใต้เส้นเปิดตามด้วย clipPath ตัวเดียวกัน — ไม่ใช้ไลบรารีกราฟ ไม่ใช้ canvas
- วาดจาก SVG path เดียว ขนาดไฟล์แทบไม่เพิ่ม
- ย้อนกลับได้เอง เพราะผูกกับตำแหน่งสกอลล์ ไม่ใช่ timer
- ถ้าผู้ใช้ปิดแอนิเมชัน เส้นจะแสดงเต็มทันที
ชุดตัวเลขที่ใช้วาดกราฟนี้ถูกเขียนไว้ในโค้ดเทมเพลตเพื่อสาธิตรูปทรงของเส้น ไม่ได้มาจากระบบหรือบัญชีใด และไม่ได้สื่อถึงผลตอบแทนของสินทรัพย์ใด ๆ
// Controls
Six controls, one surface
ส่วนนี้คือกริดฟีเจอร์ด้านความปลอดภัยแบบที่ลูกค้าองค์กรอ่านก่อนตัดสินใจ — เปลี่ยนหัวข้อเป็นของคุณได้ทันที
Policy engine
กำหนดเพดานและเงื่อนไขการอนุมัติเป็นกฎ แยกตามทีมและวงเงิน
Step-up auth
ขอยืนยันตัวตนเพิ่มเฉพาะรายการที่เข้าเงื่อนไขความเสี่ยง
Scoped API keys
คีย์แยกต่อสภาพแวดล้อม จำกัดสิทธิ์ต่อ endpoint และหมุนคีย์ได้
Encrypted at rest
ข้อมูลอ่อนไหวถูกเข้ารหัสทั้งตอนพักและตอนส่ง พร้อม key rotation
Immutable audit log
ทุกการเปลี่ยนแปลงถูกบันทึกแบบแก้ย้อนหลังไม่ได้ ส่งออกได้ทั้งชุด
Region pinning
เลือกภูมิภาคที่เก็บข้อมูลได้ต่อเวิร์กสเปซ ไม่ย้ายข้ามโดยอัตโนมัติ
ตัวเลขและรายการทั้งหมดในภาพนี้เป็นข้อมูลตัวอย่างสำหรับงานออกแบบ ไม่ได้เชื่อมต่อระบบใด
// Pure CSS mockup
No screenshots.
Just CSS.
ภาพแดชบอร์ดทั้งสองจุดในหน้านี้ไม่ใช่ไฟล์ภาพ — เป็น div กับ gradient และ backdrop-blur ทั้งหมด จึงคมทุกความละเอียด แก้สีแก้ตัวเลขได้ตรงในโค้ด และไม่กินแบนด์วิดท์
Ship this page today
ทั้งหน้านี้มาจาก prompt เดียว — เอาไปวางใน Claude หรือ ChatGPT แล้วเปลี่ยนเป็นแบรนด์และตัวเลขของคุณ
คำชี้แจง: Vault เป็นแบรนด์สมมติที่สร้างขึ้นเพื่อสาธิตงานออกแบบเท่านั้น ตัวเลข ยอดเงิน รายการ กราฟ และสถานะทุกอย่าง ในหน้านี้เป็นข้อมูลตัวอย่างที่เขียนไว้ในโค้ด UI ไม่ได้เชื่อมต่อระบบใด ไม่ใช่ผลการดำเนินงานของผลิตภัณฑ์ใด ไม่ใช่ผลตอบแทน และไม่ใช่คำแนะนำด้านการเงินหรือการลงทุน