Nội bộ NML · Tương tác trực tiếp
Góc làm việc – Hero
Design SystemHero nguyên bản của NguyenMinhLuanWeb: tâm điểm sáng phản hồi theo con trỏ chuột và bộ nút chuyển đổi chế độ xem trực tiếp.
Thứ tự Featured
NGUYENMINHLUANWEB · DESIGN & MOTION LIBRARY
Thư viện mẫu thiết kế & hiệu ứng website
Nơi tổng hợp các mẫu giao diện tham khảo chọn lọc từ Scrolltide (kèm liên kết nguồn minh bạch) và các component nội bộ tương tác trực tiếp do NguyenMinhLuanWeb tự xây dựng cho WordPress + Bricks Builder.
Nội bộ NML · Tương tác trực tiếp
Lưới thẻ có bộ lọc
Design SystemComponent lưới thẻ kèm thanh chip lọc tức thời theo chủ đề Website, SEO, AI — tái sử dụng trực tiếp cho trang Resources (#110).
Thứ tự Featured
Tham khảo · PremiumSVG minh họa
MOLT
Design SystemMẫu tham khảo từ thư viện Scrolltide thuộc nhóm 3D Website: bố cục cửa hàng thời trang tối giản với điểm nhấn vật thể 3D trung tâm.
Thứ tự Featured
Nội bộ NML · Tương tác trực tiếp
Nền gradient động
Design SystemHiệu ứng nền mesh-gradient đa lớp đổi bảng màu trực tiếp (Ocean / Nebula / Sunset) và hỗ trợ nút Tạm dừng chuyển động.
Thứ tự Featured
Tham khảo · PremiumSVG minh họa
Murk
Design SystemMẫu tham khảo từ thư viện Scrolltide thuộc nhóm Hero Section: lấy cảm hứng mặt nước tối sâu với các vòng gợn sóng hữu cơ.
Thứ tự Featured
Nội bộ NML · Tương tác trực tiếp
Trang sản phẩm gọn
Design SystemSection giới thiệu gói sản phẩm số / template: bấm chọn gói (Cá nhân / Agency) để cập nhật giá minh họa, quyền lợi và trạng thái ngay trên thẻ.
Thứ tự Featured
Tham khảo · PremiumSVG minh họa
Tinta House
Design SystemMẫu tham khảo từ thư viện Scrolltide thuộc nhóm Landing Page: phong cách editorial / xưởng in với các mảng giấy xếp lớp nghệ thuật.
Thứ tự Featured
Tham khảo · PremiumSVG minh họa
The Long Light
Design SystemMẫu tham khảo từ thư viện Scrolltide thuộc nhóm 3D Website: không gian ánh sáng hoàng hôn ấm áp với khối kiến trúc / vật thể nổi.
Thứ tự Featured
Tham khảo · PremiumSVG minh họa
Odaline
Design SystemMẫu tham khảo từ thư viện Scrolltide thuộc nhóm Hero Section: bố cục lookbook thời trang thanh lịch với danh mục điều hướng dọc.
Thứ tự Featured
Tham khảo · PremiumSVG minh họa
Marea
Design SystemMẫu tham khảo từ thư viện Scrolltide thuộc nhóm Hero Section: tương phản mạnh giữa typography cỡ lớn và đường nét tốc độ.
Thứ tự Featured
Tham khảo · PremiumSVG minh họa
Ephyra
Design SystemMẫu tham khảo từ thư viện Scrolltide thuộc nhóm 3D Website: hình khối sinh học trong suốt nổi bật phía sau hệ thống chữ tiêu đề.
Thứ tự Featured
Tham khảo · PremiumSVG minh họa
mobula
Design SystemMẫu tham khảo từ thư viện Scrolltide thuộc nhóm Hero Section: giao diện công nghệ nền tối với ma trận điểm sáng (pixel matrix).
Thứ tự Featured
Nội bộ NML · Tương tác trực tiếp
Thanh điều hướng nổi
Design SystemDock điều hướng nổi glassmorphism với chỉ báo tab trượt mượt mà, hỗ trợ thu gọn tiện lợi cho cả mobile và desktop.
Thứ tự Featured
Nội bộ NML · Tương tác trực tiếp
Hero Section đối xứng & Tab tính năng
Design SystemBố cục Hero 2 cột đối xứng chuẩn tỷ lệ vàng, tích hợp bộ chuyển đổi tab tính năng tương tác trực tiếp với hiệu ứng chuyển động mượt.
Thứ tự Featured
Nội bộ NML · Tương tác trực tiếp
Nền cực quang đa lớp
Design SystemHiệu ứng chuyển sắc ánh sáng cực quang đa lớp bằng CSS radial gradients, hỗ trợ 3 bảng màu tương phản và tùy chọn dừng/chạy chuyển động.
Thứ tự Featured
Nội bộ NML · Tương tác trực tiếp
Thẻ tính năng Bento tương tác
Design SystemLưới bố cục Bento 3 ô thông tin đa tầng, hỗ trợ tương tác mở rộng chi tiết khi di chuột/chạm và chuyển đổi chế độ xem linh hoạt.
Thứ tự Featured
LIÊN KẾT HỆ SINH THÁI NGUYENMINHLUANWEB
Kết nối mạch lạc giữa Trang chủ, Tài nguyên và Thư viện Thiết kế
Thư viện không đứng độc lập mà đóng vai trò kho giao diện thực hành cho trụ cột Website & Kiến trúc trên toàn hệ thống.
Trang chủ & 5 Trụ cột
Từ khu vực Trụ cột 01 (Website & Kiến trúc) và khu vực Tài nguyên nổi bật trên Trang chủ, người đọc có thể đi thẳng vào Thư viện Thiết kế để xem mẫu thực tế.
Về Trang chủ (#11) →Thư viện Tài nguyên (#110)
Trang Tài nguyên đóng vai trò trung tâm điều phối: kết nối các bài viết hướng dẫn SEO/AI với bộ mẫu Component & Section nội bộ tại trang này.
Mở trang Tài nguyên (#110) →Thư viện Mẫu thiết kế (Trang hiện tại)
Phân loại theo 11 danh mục chuẩn, tách bạch rõ mẫu tham khảo bên ngoài (ref) và mẫu nội bộ (int) đã đóng gói thành Bricks Component.
BRICKS BUILDER & WORDPRESS DATA ARCHITECTURE
Cấu trúc Dữ liệu, Bricks Query Loop & Component Tái sử dụng
Toàn bộ 16 mục dữ liệu được lưu trữ trên WordPress dưới dạng Page con của #244 và kết nối qua Bricks Query Loop cùng 4 Bricks Component nội bộ.
1. Cấu trúc Dữ liệu & Bricks Query Loop Hiện tại
| Thành phần | Hiện trạng Production | Mô tả chi tiết & Vai trò |
|---|---|---|
| Bản ghi dữ liệu (Records) | 12 Page con của #244 | 16 bản ghi xuất bản dạng Page con (post_type: page, post_parent: 244, ID #245–#256, #275–#278), sắp xếp theo menu_order. Không tạo CPT riêng ngoài phạm vi để bảo toàn dữ liệu. |
| Phân loại & Nguồn | Metadata Controller | Phân loại 11 danh mục và phân tách nguồn (int: 4 mẫu nội bộ, ref: 8 mẫu Scrolltide) ghép với bản ghi theo slug; nhãn nguồn được xuất trực tiếp trong HTML. |
| Bricks Query Loop | query_4dfd50d6 | Query Loop native của Bricks trên article.nml-dl-card lấy danh sách 12 trang con theo thứ tự menu_order ASC. |
| Reusable Components | 8 Bricks Components | Mã c10791 (Hero), 407ae3 (Lưới thẻ), 089baf (Shader), c1f1c2 (Sản phẩm), 7b93e0 (Dock điều hướng), 105b21 (Hero đối xứng), 608d37 (Nền cực quang), f60637 (Thẻ Bento) hoạt động tương tác thực tế. |
2. Trường Dữ liệu & Nguyên tắc Minh bạch
| Thuộc tính | Cơ chế hiển thị | Quy tắc hiển thị & Bản quyền |
|---|---|---|
| Nhãn nguồn (Access Badge) | Bricks Condition & JS | Hiển thị chuẩn xác Tham khảo · Premium (8 mẫu Scrolltide) hoặc Nội bộ NML · Tương tác trực tiếp (8 mẫu nội bộ) ngay trong HTML ban đầu. |
| URL nguồn tham khảo | Liên kết trực tiếp | Mỗi mẫu tham khảo liên kết tới URL chính xác https://www.scrolltide.co/templates/{slug} (đã xác minh 200 OK; không sao chép tài sản gốc). |
| Thông số kỹ thuật | Dữ liệu đã xác minh | Chỉ công bố công nghệ đã kiểm chứng; các mục chưa rõ giữ nguyên Chưa xác minh. |
| Chỉ số sắp xếp & Giá | Dữ liệu minh họa | Các chỉ số Popular/Recent và mức giá sản phẩm (690.000₫ / 1.490.000₫) được ghi rõ là dữ liệu minh họa / Demo. |