Bolder

Khi nào nên sử dụng

Sử dụng /impeccable bolder khi giao diện trông giống mọi giao diện khác. Sans chung chung, weight trung bình, shadow mềm, màu nhấn khiêm tốn, khoảng cách hợp lý, dễ quên. Thiết kế không sai, nó chỉ an toàn. Sử dụng bolder khi một dự án có thể chịu đựng được sự hiện diện và trạng thái hiện tại không mang lại điều đó.

Đừng sử dụng trên bảng điều khiển mà mọi người nhìn chằm chằm hàng giờ. Sự táo bạo xứng đáng ở các trang marketing, khoảnh khắc hero và tính năng nội dung. Không phải trong công cụ thao tác.

Cách hoạt động

Kỹ năng khuếch đại bốn trục mà không phá vỡ khả năng sử dụng:

1. Tỷ lệ: kiểu display được đẩy đến clamp(3rem, 6vw, 6rem) hoặc hơn. Tiêu đề lấp đầy viewport, không né tránh nó.
2. Độ tương phản weight: light 300 đối với heavy 800 thay vì medium đối với regular. Căng thẳng thực sự, không phải sự nhún vai.
3. Cam kết màu sắc: màu nhấn xuất hiện ở cường độ đầy đủ, không pha loãng. Nền có thể có lập trường (ink, accent, cream) thay vì tất cả là giấy.
4. Sự tự tin bố cục: bất đối xứng, off-grid, pullquote, dấu câu treo, bước nhảy tỷ lệ. Bố cục có tiếng nói.

Kỹ năng không thêm nhiều hơn. Nó khuếch đại những gì đã có. Nếu thiết kế có ba màu, bolder không thêm màu thứ tư, nó cam kết mạnh hơn với ba màu đó.

Thử ngay

/impeccable bolder the landing page hero

Thay đổi kỳ vọng:

• Tiêu đề hero từ 3rem lên clamp(3.5rem, 7vw, 6.5rem), font display, weight 700
• Phụ đề từ regular sang italic ở 1.5rem, dịch trái 8px so với tiêu đề cho căn chỉnh quang học
• Nền chuyển từ giấy sang gradient cream-đến-giấy, tạo container ấm hơn
• Nút CTA fill, shadow bị loại bỏ, border radius giảm, trạng thái hover đảo ngược màu
• Hình ảnh hỗ trợ đẩy hơi off-grid với margin top âm, tạo bất đối xứng

Những cạm bẫy cần tránh

• Chạy trên sai trang. Bảng điều khiển sản phẩm, cài đặt và biểu mẫu không nên bold. Chúng nên dễ đọc. Sử dụng /impeccable layout hoặc /impeccable polish thay thế.
• Nhầm lẫn bold với ồn ào. Bold nghĩa là cam kết và tự tin. ồn ào nghĩa là la hét. Bolder là cái trước. Nếu kết quả cảm thấy hung hăng, theo dõi bằng /impeccable quieter.
• Kết hợp với /impeccable delight trong cùng một lần. Delight hoạt động tốt nhất trên nền tảng trực quan ổn định. Bold trước, ổn định, rồi delight.