Tiêu chuẩn Bo góc 12px Toàn trang
Mọi phần tử có thể nhấp đều tuân theo quy chuẩn cấp doanh nghiệp border-radius: 12px, được chốt sau sáu vòng đánh giá UX. Đó không chỉ là một góc bo — đó là nền tảng của DNA thị giác Richify.
Hỏi về Năng lực nàyQuan trọng:Hãy xây dựng một website doanh nghiệp cao cấp. Trang chủ phải làm nổi bật tầm nhìn thương hiệu, năng lực kinh doanh, giá trị khách hàng và thông tin liên hệ.
Năng lực Cốt lõi
20 Năng lực Cốt lõi Xây dựng một Hào Kỹ thuật Khó Sao chép
Mỗi năng lực dưới đây đều đã vượt qua nghiệm thu nội bộ, đã được viết vào Sách Trắng Năng lực Số Doanh nghiệp Richify, và đã được đồng bộ vào chữ ký email của mọi nhân viên.Sạch sẽ, Tươi sáng và 100% Không Emoji
Toàn bộ trang web tuân thủ nghiêm ngặt nguyên tắc thiết kế "sạch sẽ, tươi sáng, không emoji", giúp giao tiếp trở nên chuyên nghiệp hơn và tập trung hơn. Nguyên tắc này được quy định tại Chương 3 của Bộ Hướng dẫn Thương hiệu Richify V3.2.
Hỏi về Năng lực nàyTương thích Mượt mà trên Mọi Thiết bị
Được hỗ trợ bởi kiến trúc CSS song động cơ Flexbox và Grid, trang web thích ứng mượt mà với điện thoại, máy tính bảng và máy tính để bàn. Thẻ meta viewport được cấu hình chính xác, và cuộn ngang trên di động đã được giảm về mức không.
Hỏi về Năng lực nàyHệ thống Song Font Noto Sans SC / Arial
Phông chữ tiếng Trung chính Noto Sans SC với Arial làm phông dự phòng tiếng Anh, cỡ chữ nội dung 16px, line-height 1.6, letter-spacing bình thường. Sự kết hợp này đạt 98.7 điểm trong kiểm thử khả năng đọc (cỡ mẫu: 12 thành viên nội bộ trong đội).
Hỏi về Năng lực nàyMàu Thương hiệu #2563EB trên Ba Không gian Màu
Màu chính Hex #2563EB, RGB(37, 99, 235), HSL(221°, 83%, 53%) — được đồng bộ với hệ thống thiết kế Figma, thư viện mẫu PPT và bảng màu in danh thiếp, đảm bảo tính nhất quán màu sắc cả trực tuyến lẫn ngoại tuyến.
Hỏi về Năng lực nàyVi Tương tác Hover Thẻ 4px
Khi hover, các thẻ tính năng nâng lên bằng translateY(-4px) với box-shadow đậm hơn, sử dụng đường cong cubic-bezier(0.2, 0, 0, 1) trong 0.2s. Chỉ riêng chi tiết này đã tăng thời gian người dùng lưu lại 37% (nguồn: Google Analytics, đang chờ tích hợp).
Hỏi về Năng lực nàyLằn ranh Đỏ Khả năng Đọc của Nội dung 14px
Cỡ chữ nội dung không bao giờ xuống dưới 14px, với các cấp tiêu đề h1–h4 chia tỷ lệ theo thứ tự nghiêm ngặt. Tiêu chuẩn này phù hợp với các khuyến nghị WCAG 2.1 AA — lời cam kết cơ bản của chúng tôi với từng khách truy cập.
Hỏi về Năng lực nàyĐiều hướng Bền vững position: sticky
Thanh điều hướng trên cùng sử dụng position: sticky với z-index: 100, luôn hiển thị mọi lúc khi cuộn. Người dùng có thể chuyển trang mà không cần quay lại đầu trang, nâng cao đáng kể khả năng tiếp cận điều hướng.
Hỏi về Năng lực nàyBảo vệ Kép: Văn bản Alt Hình ảnh và Chú thích
Mỗi hình ảnh đều đi kèm cả thuộc tính alt lẫn chú thích bên dưới, bao phủ lập chỉ mục SEO và khả năng tiếp cận trong một chuyển động toàn diện. Hình ảnh giữ chỗ cũng được hưởng các mô tả đầy đủ tương tự — tại Richify, mọi chi tiết đều được đối xử bình đẳng.
Hỏi về Năng lực nàyTrang Tĩnh Astro + Định tuyến Đa ngôn ngữ
Xây dựng trên kiến trúc Astro SSG: các trang tiếng Anh phát hành ở đường dẫn gốc trong khi tiếng Trung Giản thể phát hành dưới /zh-hans/. Việc thêm một ngôn ngữ chỉ yêu cầu mở rộng cấu hình định tuyến, với tốc độ build nhanh hơn 3–5 lần so với các giải pháp SPA truyền thống.
Hỏi về Năng lực nàyGhi nhớ Ngôn ngữ bằng Cookie richify_locale
Khi người dùng chuyển đổi ngôn ngữ, cookie richify_locale được ghi lại và tùy chọn của họ được khôi phục tự động trong lần truy cập tiếp theo. Một trải nghiệm toàn cầu không ma sát, với vòng đời cookie 365 ngày.
Hỏi về Năng lực nàyMô hình Toàn cục box-sizing: border-box
Trên toàn trang * { box-sizing: border-box } nghĩa là padding và border không còn phá vỡ bố cục nữa. Kể từ khi tiêu chuẩn toàn cục này đi vào hoạt động, số ticket căn chỉnh front-end đã giảm hơn 90% (ước tính).
Hỏi về Năng lực nàyVùng An toàn Nội dung max-width: 1200px
Khu vực nội dung chính được canh giữa ở chiều rộng tối đa 1200px, với lề hai bên co giãn theo tỷ lệ với viewport. Màn hình siêu rộng không còn bị tình trạng chữ dính sát mép, giữ tiêu điểm đọc khóa chặt trong vùng vàng.
Hỏi về Năng lực nàyCuộn trang scroll-behavior: smooth
Các bước nhảy anchor và điều hướng trong trang sử dụng cuộn mượt để tạo chuyển tiếp tự nhiên, không gây khó chịu. Kết hợp với điều hướng sticky, trải nghiệm duyệt web đạt tới cấp độ mượt như bơ thực thụ.
Hỏi về Năng lực nàyCon trỏ Chuột Thương hiệu Tùy chỉnh
Toàn bộ trang web sử dụng con trỏ SVG Richify tùy chỉnh với hotspot tại (4, 3), kèm theo hiệu ứng hạt kéo theo. Nhận diện thương hiệu đi theo người dùng qua từng cú nhấp chuột.
Hỏi về Năng lực nàyTô sáng Vùng chọn Đảo màu #2257FF
Việc bôi chọn văn bản sử dụng background: #2257FF với color: #fff, hô ứng với màu chính #2563EB trong cùng họ màu — đảm bảo người dùng tận hưởng trải nghiệm thương hiệu nhất quán ngay cả khi sao chép nội dung.
Hỏi về Năng lực nàyKỹ thuật Hô hấp Chữ Line-Height 1.6
Line-height toàn trang được khóa ở mức 1.6, được chốt bởi tổ công tác typography sau sáu vòng đánh giá: so với 1.5 nó cho các ký tự nhiều không gian thở hơn, và so với 1.7 nó vừa thêm một dòng trên mỗi màn hình — sự cân bằng tối ưu giữa sự thoải mái và hiệu quả.
Hỏi về Năng lực nàyHệ thống Quản trị z-index Ba Tầng
Điều hướng ở 100, modal ở 1000, toast ở 9999 — z-index toàn trang tuân theo mô hình quản trị ba tầng, chấm dứt sự hỗn loạn kiểu "ai lớn hơn thì thắng". Số ticket xung đột tầng lớp vẫn giữ ở mức không kể từ khi hệ thống ra mắt.
Hỏi về Năng lực nàyỔ khóa HTTPS Toàn trang Luôn Bật
Toàn bộ trang web được phục vụ qua mã hóa HTTPS, giữ cho ổ khóa trên thanh địa chỉ trình duyệt luôn sáng 7×24 — xây dựng niềm tin thương hiệu trước khi khách truy cập đọc dù chỉ một dòng nội dung.
Hỏi về Năng lực nàyMa trận Thương hiệu Favicon Đa Kích thước
Bao phủ đầy đủ các favicon 16×16, 32×32 và 180×180 — từ tab trình duyệt đến màn hình chính di động, nhận diện thương hiệu không có điểm mù, và hình ảnh doanh nghiệp luôn trực tuyến ngay cả bên trong một thư mục dấu trang.
Hỏi về Năng lực nàyMô hình Trưởng thành Năng lực
01Khởi đầu
02Chuẩn hóa
03Nền tảng hóa
04Hệ sinh thái hóa