Product System
Kể chuyện sản phẩm trên nền tối, lấy giao diện thật làm bằng chứng.
- Hợp với
- software products with an interface that can be visualized
- Tránh dùng khi
- luxury fashion
THƯ VIỆN MẪU
Chọn một hướng
thiết kế có sẵn.
Sáu hệ thống thị giác hoàn chỉnh, mỗi mẫu ghi rõ nó hợp với loại sản phẩm nào và khi nào không nên dùng. Xem đầy đủ trước khi quyết định.
Mẫu landing page
17 / 17 mẫuPremium Product Showcase
Mỗi màn hình một thông điệp, hình sản phẩm lớn, nhiều khoảng thở.
- Hợp với
- products that benefit from one dominant message per viewport
- Tránh dùng khi
- dense enterprise pages requiring many facts above the fold
Gradient Infrastructure
Hero gradient, lớp giao diện sản phẩm và mạch kể hạ tầng kỹ thuật.
- Hợp với
- technical products that need to feel powerful without becoming visually cold
- Tránh dùng khi
- luxury/editorial brands that need extremely low visual density
Command Red
Command palette, lưới bàn phím và bề mặt app tối cho công cụ dev.
- Hợp với
- developer tools
- Tránh dùng khi
- luxury hospitality
Immersive Spatial Studio
Sân khấu 3D, chữ khổ lớn và nhịp chuyển cảnh điện ảnh.
- Hợp với
- products whose differentiation is strongly visual or experiential
- Tránh dùng khi
- highly transactional lead forms where speed to conversion is the only priority
Curated Inspiration Gallery
Lưới khám phá dày, bộ lọc chi tiết và thumbnail cỡ lớn.
- Hợp với
- template libraries
- Tránh dùng khi
- single-offer lead capture pages
Vercel-inspired Agentic Infrastructure
Đơn sắc, lưới blueprint và giọng hạ tầng kỹ thuật đầy uy tín.
- Hợp với
- developer tools and infrastructure products
- Tránh dùng khi
- fashion, hospitality, food, lifestyle, or luxury pages driven by photography
Supabase-inspired Developer Platform
Nền than đậm, accent xanh semantic, kể chuyện nền tảng mã nguồn mở.
- Hợp với
- developer platforms and infrastructure products
- Tránh dùng khi
- luxury, fashion, hospitality, food, or lifestyle pages driven by photography
Railway-inspired Technical Cloud
Bầu trời đêm tím, canvas kiến trúc hệ thống làm bằng chứng chính.
- Hợp với
- developer-facing products with connected system primitives
- Tránh dùng khi
- luxury, fashion, hospitality, wellness, and photo-led product launches
Resend-inspired Developer Product
Dark-mode cao cấp, tiêu đề serif và code là bằng chứng sản phẩm.
- Hợp với
- developer-facing SaaS and API products
- Tránh dùng khi
- image-led luxury, hospitality, fashion, or food launches
Sentry-inspired Connected Debugging
Tím sâu pha magenta, mạch kể lỗi → ngữ cảnh → bản vá.
- Hợp với
- developer tools and engineering products
- Tránh dùng khi
- luxury editorial brands
Clerk-inspired Component-led SaaS
Canvas sáng, lưới lavender, chính component là bằng chứng sản phẩm.
- Hợp với
- developer-facing SaaS with reusable UI or SDK components
- Tránh dùng khi
- image-led hospitality, fashion, luxury, or food pages
Attio-inspired Agentic Product System
Trắng ấm tối giản, mật độ dữ liệu cao cho sản phẩm agentic B2B.
- Hợp với
- AI products with agentic workflows
- Tránh dùng khi
- single-product ecommerce
Webflow-inspired Agentic Web Platform
Tương phản trắng/đen, điểm xanh điện, tự sự nền tảng cỡ enterprise.
- Hợp với
- AI website and landing-page builders
- Tránh dùng khi
- single-offer squeeze pages
Framer-inspired AI Website Builder
Nền tối, demo canvas cỡ lớn cho công cụ dựng web bằng AI.
- Hợp với
- AI website builders
- Tránh dùng khi
- single-product ecommerce
Spline-inspired Spatial Interactive Studio
Sân chơi không gian, gradient kẹo ngọt và khung editor bo tròn.
- Hợp với
- creative AI products that need a spatial or interactive first impression
- Tránh dùng khi
- simple local lead-generation pages
Superlist-inspired Playful Productivity
Mận đen, accent đỏ cam, giao diện app tinh nghịch cho sản phẩm tiêu dùng.
- Hợp với
- consumer or prosumer apps that should feel friendly rather than enterprise-heavy
- Tránh dùng khi
- conservative enterprise procurement pages