Phase 1–2 · Nền tảng thiết kế

Ngôn ngữ thị giác và manifest 18 hình ảnh điện ảnh

Toàn bộ hệ thống màu, chữ, chuyển động và bộ hình ảnh gốc được duyệt trước khi bất kỳ trang sâu nào được dựng.

Màu

Navy bảo tàng, vàng champagne, cyan lượng tử

Mọi màu là token ngữ nghĩa trong src/styles.css theo định dạng oklch. Không có mã màu cứng trong component.

Obsidian--obsidianNền chính
Midnight--midnightDải nội dung
Cobalt--cobaltBề mặt nổi
Champagne Gold--goldCTA chính, đường vàng
Champagne Light--champagneEyebrow, nhấn chữ
Quantum Cyan--quantum-cyanTrạng thái đang tiến hành
Pearl--pearlTiêu đề
Mist--mistNội dung chính
Slate--slate-mutedChú thích, metadata

Chữ

Fraunces cho tiêu đề, Sora cho nội dung

Display · Fraunces

Khám phá. Sáng tạo. Xác thực. Sở hữu giá trị.

Body · Sora

VIBRAX Network là lớp tiện ích, ghi nhận đóng góp và quyền sở hữu số kết nối du lịch văn hóa, sự kiện, nhà sáng tạo, tài sản trí tuệ và thương mại số trong hệ sinh thái Quantrex.

Eyebrow · Sora 600 · tracking rộng

Chuyển động

Chậm, có chủ đích, tôn trọng prefers-reduced-motion

Rise 700ms

Nội dung hero nâng lên nhẹ khi vào trang, không nảy, không trượt ngang.

Ken Burns 1200ms

Ảnh sản phẩm phóng 5% khi hover, đủ để sống động mà không gây nhiễu.

Glass panel

Bề mặt kính mờ với viền hairline và bóng bảo tàng sâu 80px.

Quy tắc

Điều bắt buộc và điều tuyệt đối không

Bắt buộc

Bảng màu navy sâu, champagne gold và cyan lượng tử.
Ánh sáng điện ảnh một nguồn, độ tương phản cao.
Bối cảnh văn hóa Việt Nam có thật, tôn trọng và không rập khuôn.
Bắt buộc: mọi bản đồ Việt Nam phải thể hiện đầy đủ đất liền cùng quần đảo Hoàng Sa và Trường Sa, vẽ ở cùng mức chi tiết và cùng lớp dữ liệu điện ảnh.
Mọi ảnh đều có alt song ngữ VI/EN, nêu rõ có Hoàng Sa và Trường Sa khi ảnh là bản đồ.
Tỷ lệ và kích thước được khai báo để tránh dịch chuyển bố cục.

Tuyệt đối không

Không biểu đồ giá, nến hay đường lợi nhuận.
Không đồng xu, ví tiền hay biểu tượng “to the moon”.
Không ảnh stock chung chung về “blockchain”.
Không logo bên thứ ba khi chưa có xác nhận.
Không hình ảnh gợi ý lợi nhuận hoặc giàu có.
Không sử dụng bất kỳ bản đồ Việt Nam nào thiếu quần đảo Hoàng Sa và Trường Sa.

Manifest

18 hình ảnh điện ảnh gốc

Tất cả đã được tạo riêng cho dự án, lưu trong src/assets và khai báo alt song ngữ. Không dùng ảnh stock.

Mạng lưới ánh sáng văn hóa Việt Nam trên bản đồ số ban đêm, thể hiện đầy đủ đất liền cùng quần đảo Hoàng Sa và Trường Sa — V01hero-network.jpg· 16:9Mạng lưới VIBRAXBản đồ toàn vẹn lãnh thổ Việt Nam ban đêm nhìn từ trên cao — bao gồm quần đảo Hoàng Sa và Trường Sa — các nút văn hóa nối bằng sợi sáng vàng champagne trên nền navy sâu; xử lý bản đồ cao cấp, điện ảnh, không đồ họa crypto.Dùng tại: Hero trang chủ

Phụ nữ Việt Nam tương tác với bản đồ MediaMap 5D thể hiện đất liền cùng quần đảo Hoàng Sa và Trường Sa — V02product-chillviet.jpg· 16:10ChillViet — MediaMap 5DNgười dùng tương tác với bản đồ điểm đến nhiều lớp trên nền bản đồ Việt Nam đầy đủ đất liền, Hoàng Sa và Trường Sa: không gian, thời gian, âm thanh, câu chuyện, cộng đồng.Dùng tại: Thẻ sản phẩm & trang ChillViet

Phòng lưu trữ số cho tài sản trí tuệ với các hồ sơ nguồn gốc phát sáng — V03product-ip-trust.jpg· 16:10IP Trust — Xác thực quyềnKho lưu trữ tài sản trí tuệ như một phòng lưu trữ bảo tàng: hồ sơ nguồn gốc, dấu thời gian, chữ ký.Dùng tại: Thẻ sản phẩm & trang IP Trust

Du khách nhận diễn giải di sản đa ngôn ngữ trước một hiện vật văn hóa — V04product-ai-interpreter.jpg· 16:10AI Interpreter — Diễn giải văn hóaDiễn giải di sản theo thời gian thực: hiện vật, chú giải đa ngôn ngữ, ánh sáng bảo tàng.Dùng tại: Thẻ sản phẩm & trang AI Interpreter

Trung tâm điều hành sự kiện với sơ đồ khu vực và luồng khách theo thời gian thực — V05product-event-os.jpg· 16:10Event OS — Vận hành sự kiệnTrung tâm điều hành sự kiện văn hóa quy mô lớn: sơ đồ khu vực, luồng khách, kiểm soát ra vào.Dùng tại: Thẻ sản phẩm & trang Event OS

Nhà sáng tạo nội dung Việt Nam làm việc trước bảng dữ liệu có bản đồ Việt Nam gồm quần đảo Hoàng Sa và Trường Sa — V06product-creator-kol.jpg· 16:10Creator & KOL+Nhà sáng tạo Việt Nam trong studio tối, làm việc trước bảng dữ liệu có bản đồ Việt Nam đầy đủ đất liền cùng quần đảo Hoàng Sa và Trường Sa; đóng góp được ghi nhận, không phô trương.Dùng tại: Thẻ sản phẩm & trang Creator & KOL+

Gian trưng bày thương mại văn hóa kết hợp sản phẩm thủ công và tài sản số — V07product-marketplace.jpg· 16:10Marketplace — Thương mại sốSàn thương mại văn hóa: sản phẩm thủ công và tài sản số cùng tồn tại, trình bày như trưng bày bảo tàng.Dùng tại: Thẻ sản phẩm & trang Marketplace

Lớp tiện ích VBRX minh họa như một cấu trúc tinh thể phát sáng nhiều tầng — V08vbrx-utility.jpg· 1:1Lớp tiện ích VBRXCấu trúc tinh thể nhiều tầng thể hiện tiện ích có kiểm soát; tuyệt đối không biểu đồ giá, không đồng xu.Dùng tại: Khối VBRX trang chủ & trang tiện ích

Sơ đồ phân bổ nguồn cung VBRX thể hiện như các khối kiến trúc tỷ lệ — V09tokenomics.jpg· 16:10TokenomicsPhân bổ nguồn cung như kiến trúc mặt bằng: khối tỷ trọng tĩnh, không mũi tên tăng trưởng.Dùng tại: Trang tokenomics

Hành lang các lớp khóa mở dần theo cột mốc thời gian vesting — V10vesting.jpg· 16:10Vesting theo thời gianThời gian như một hành lang khóa nhiều lớp mở dần theo cột mốc, không phải đường cong lợi nhuận.Dùng tại: Trang vesting & trang nhà đầu tư

Phòng họp nhà đầu tư với hồ sơ tài liệu và màn hình dữ liệu — V11investor.jpg· 16:10Quan hệ nhà đầu tưPhòng họp tổ chức, hồ sơ giấy và màn hình dữ liệu; nghiêm cẩn, không hào nhoáng tài chính.Dùng tại: Trang nhà đầu tư & Investor Portal

Lễ ký kết hợp tác chiến lược trong không gian kiến trúc tối giản — V12partnership.jpg· 16:10Hợp tác chiến lượcHai bên ký kết trong không gian kiến trúc tối giản; quan hệ đối tác là cam kết, không phải logo tường.Dùng tại: Trang đối tác

Bản đồ đêm nối Việt Nam — gồm quần đảo Hoàng Sa và Trường Sa — với Australia bằng hành lang ánh sáng vàng và cyan — V13x-tech-australia.jpg· 16:10X Tech AustraliaHành lang năng lực kỹ thuật Việt Nam – Australia trên bản đồ đêm cao cấp; bản đồ Việt Nam thể hiện đầy đủ đất liền cùng quần đảo Hoàng Sa và Trường Sa với khung định vị vàng; không biểu tượng giấy phép, không quốc kỳ.Dùng tại: Trang X Tech Australia

Kiến trúc kiểm soát an toàn nhiều lớp với cửa kho và nhật ký kiểm toán — V14security.jpg· 16:10An toàn & kiểm soátKiến trúc kiểm soát nhiều lớp: cửa kho, khóa vật lý, nhật ký kiểm toán; an toàn là vật chất, không phải icon khiên.Dùng tại: Trang an toàn

Cơ chế nhiều chìa khóa thể hiện phê duyệt multisig của treasury — V15treasury.jpg· 16:10Treasury & multisigNhiều chìa khóa cùng mở một cơ chế; đồng phê duyệt được thể hiện bằng hình thể, không bằng chữ.Dùng tại: Trang treasury

Bàn hội đồng quản trị tròn dưới ánh sáng trên cao — V16governance.jpg· 16:10Quản trịBàn hội đồng tròn dưới ánh sáng trên cao; quyết định tập thể, phân quyền rõ ràng.Dùng tại: Trang quản trị

Lộ trình sáu giai đoạn thể hiện như một hành lang ánh sáng kéo dài — V17roadmap.jpg· 4:5Lộ trình theo cổng KPIHành lang ánh sáng kéo dài với các cổng tuần tự; mỗi cổng chỉ mở khi cổng trước được nghiệm thu.Dùng tại: Khối lộ trình trang chủ & trang lộ trình

Bình minh trên cảnh quan văn hóa Việt Nam nhìn từ trên cao — V18final-cta.jpg· 16:9Lời mời kếtBình minh trên cảnh quan văn hóa Việt Nam; mời gọi tham gia xây dựng, không mời gọi mua.Dùng tại: Khối CTA cuối trang chủ

Bổ sung

Sơ đồ hệ sinh thái VIBRAX với sáu trụ sản phẩm quanh bản đồ Việt Nam gồm quần đảo Hoàng Sa và Trường Sa — ecosystem.jpg · 1:1Sơ đồ hệ sinh tháiSáu trụ sản phẩm nối bằng ánh sáng vàng quanh lõi là bản đồ Việt Nam đầy đủ đất liền, Hoàng Sa và Trường Sa; sơ đồ bổ sung ngoài 18 visual gốc.

Phạm vi Phase 1–2

Đã hoàn thành: hệ thống thiết kế, i18n VI/EN, lớp nội dung có cấu trúc, homepage shell 9 khối và manifest hình ảnh. Chưa bắt đầu: trang sâu, Investor Portal, cơ sở dữ liệu, xác thực và tích hợp blockchain.

Xem sáu sản phẩm trên trang chủ