Hệ thống thiết kế fintech
Các hệ thống thiết kế được trích xuất từ website fintech và tài chính: thanh toán, ngân hàng, đầu tư, crypto và sản phẩm thu phí. Sự tin cậy là yêu cầu hàng đầu, nên bạn sẽ thấy cách dùng màu cẩn trọng, kiểu chữ số rõ ràng, cùng biểu mẫu và nút bấm được thiết kế để người dùng yên tâm khi nhấn.
3 mẫu DESIGN.md trong danh mục này, từ Klarna, PayPal và Stripe. Được trích xuất từ các trang công khai của từng website, không phải hướng dẫn thương hiệu chính thức. Mới làm quen với định dạng này? Đọc DESIGN.md là gì.

Klarna
Hệ thống thiết kế của Klarna có màu chủ đạo xanh navy đậm tinh tế (#0b051d) cùng các màu nhấn tươi sáng, trong đó nổi bật là màu hồng đặc trưng (#ffa8cd). Hệ thống sử dụng phông chữ Klarna tùy chỉnh kết hợp với phông chữ hệ thống, nhấn mạnh các góc bo tròn (phổ biến nhất là 32px) và duy trì độ tương phản cao để đảm bảo khả năng truy cập. Thiết kế cân bằng giữa tính chuyên nghiệp và sự thân thiện nhờ khoảng cách rộng rãi và hệ thống phân cấp kiểu chữ rõ ràng.

PayPal
PayPal có trang chủ tiếng Hà Lan với phong cách táo bạo, hướng đến người tiêu dùng, lấy màu xanh da trời rực rỡ #60cdff làm nền cho khu vực hero, kết hợp tiêu đề đen cực đậm (PayPal Pro w900). Thanh điều hướng màu trắng với chữ đen, và hai nút kêu gọi hành động khác biệt: nút viền "Inloggen" và nút đặc màu đen "Rekening openen". Một banner thông báo màu xanh navy đậm nằm ở đầu trang. Tổng thể ngôn ngữ thiết kế có độ tương phản cao, bo góc dạng viên thuốc chiếm ưu thế, và lấy kiểu chữ thương hiệu làm trọng tâm, thể hiện sự tin cậy và tính dễ tiếp c

Stripe
Trang chủ tiếp thị của Stripe sử dụng một hệ thống thiết kế được kiểm soát chặt chẽ (HDS — Stripe Design System), xây dựng quanh phông chữ biến thiên "sohne-var" ở các độ đậm nhẹ (300–400), một bảng màu thương hiệu từ xanh navy đậm đến chàm, lấy #533afd (Stripe Indigo) làm trục chính, cùng với phần hero có dải gradient quang phổ tràn viền đặc trưng. Các thành phần có bo góc nhỏ (4–6px), bóng đổ phẳng đến tối giản, và được bố cục theo lưới khoảng cách cơ sở 8px. Tổng thể giọng điệu vừa đầy uy quyền vừa gần gũi: hạ tầng tài chính được truyền đạt qua kiểu chữ tự tin và cách dùng màu tiết chế.
Không thấy trang web bạn cần?
Dán bất kỳ URL nào để lấy DESIGN.md từ mọi trang web. Màu sắc, kiểu chữ, khoảng cách và token, sẵn sàng cho quy trình làm việc với AI của bạn.