Xe Lá

04 · Chữ

Chữ theo vai trò

3 họ chữ, mỗi họ một việc. Mẫu viết bằng tiếng Việt thật để thấy dấu.

Mẫu chữ theo vai trò

Tiêu đề poster, tên tour, tiêu đề trang (700–800)Bricolage Grotesque · 800 · có tiếng Việt

Đạp chậm qua phố cổ — ngõ nhỏ, chè đỗ đen và giếng đá ẫm

Thân bài, chỉ dẫn lộ trình, giao diện đặt xeWork Sans · 400 · có tiếng Việt

Rẽ phải ở ngõ Tạm Thương, dắt xe 50 m. Đừng vội — cuối ngõ có giếng cổ, mình dừng ở đó nhé, Đức ơi.

Số liệu chuyến đi (mono): km, phút, giá thuê, mã xeSpace Mono · 400 · có tiếng Việt

12,4 km · 2 giờ · 6 điểm dừng · 40.000đ/giờ · Xe #LÁ-07 đã trả ự

Chữ sống

Hiệu ứng chữ dùng cho khoảnh khắc đáng nhớ — tối đa một lần mỗi màn hình.

Đạp chậm qua phố, dừng ở ngõ quen
Chữ lệch khuôn
misregister · 700 ms · reduced-motion: off
Đạp chậm qua phố cổ — ngõ nhỏ, chè đỗ đen và giếng đá ẫm
Chữ đạp vào
pedal-in · 900 ms · reduced-motion: off
Đạp chậm qua phố cổ — ngõ nhỏ, chè đỗ đen và giếng đá ẫm
Chữ in mực
ink-stamp · 500 ms · reduced-motion: off

Khi hệ điều hành bật “giảm chuyển động”, mọi chữ sống hiện ngay ở trạng thái cuối.

Thang cỡ chữ

5xl · 60pxĐạp chậm qua phố, dừng ở ngõ quen
4xl · 44pxĐạp chậm qua phố, dừng ở ngõ quen
3xl · 32pxĐạp chậm qua phố, dừng ở ngõ quen
2xl · 24pxĐạp chậm qua phố, dừng ở ngõ quen
xl · 20pxĐạp chậm qua phố, dừng ở ngõ quen
lg · 18pxĐạp chậm qua phố, dừng ở ngõ quen
base · 16pxĐạp chậm qua phố, dừng ở ngõ quen
sm · 14pxĐạp chậm qua phố, dừng ở ngõ quen
xs · 12pxĐạp chậm qua phố, dừng ở ngõ quen

Nguồn font

Bricolage Grotesque Work Sans Space Mono

Google Fonts, có bộ tiếng Việt. Khi offline trang dùng font hệ thống.