Geist Serif: Vercel bổ sung font chữ serif mang hơi hướng tạp chí cho bộ nhận diện Geist

Vercel vừa chính thức bổ sung Geist Serif vào gia đình font chữ Geist, đánh dấu bước tiến mới từ giao diện sản phẩm sang lĩnh vực thiết kế biên tập. Đây là font chữ serif hiển thị có độ tương phản cao, được tối ưu cho cả bản in lẫn màn hình hiện đại.

Geist Serif poster sáng

Từ monospace đến thiết kế tạp chí

Geist khởi đầu là một font chữ monospace dành cho lập trình viên, gắn liền với trình soạn thảo và terminal — nơi các kỹ sư dành phần lớn thời gian làm việc. Từ đó, bộ font mở rộng thành Geist Sans cho giao diện sản phẩm, rồi Geist Pixel lấy cảm hứng từ lưới điểm ảnh của những màn hình máy tính đời đầu.

Với Geist Serif, Vercel hướng đến một "giọng nói" thứ hai cho phần tiêu đề, nhưng vẫn thuộc về cùng một hệ thống thiết kế thay vì chọn một font lạ từ danh sách có sẵn. Trong khi nhiều thương hiệu công nghệ tìm lại cá tính bằng cách vay mượn phong cách quảng cáo máy tính cổ điển, Geist Serif đi theo hướng khác: thời trang, thiết kế biên tập và tiêu đề tạp chí — như một lời tri ân tới các nghệ sĩ đứng sau Rolling Stone và Harper's Bazaar.

Mỗi thế hệ Geist đọc lên một chương của lịch sử chữ: phong trào thiết kế Thụy Sĩ, kỷ nguyên terminal và DOS, và giờ là bản in biên tập.

Ưu tiên hiển thị, tối ưu cho màn hình hiện đại

Geist Serif bắt đầu từ những bản phác thảo của Evil Rabbit, sau đó được Andrés Briganti mở rộng, và Mark Davis hoàn thiện. Phiên bản đầu tiên được phát hành dưới dạng font hiển thị dùng cho tiêu đề, poster và các cỡ chữ lớn.

Điểm đáng chú ý là cách nhóm thiết kế giải quyết bài toán in ấn truyền thống: bản in vốn khó giữ được nét mảnh và chân chữ sắc, nhưng màn hình độ phân giải cao ngày nay thì làm được. Vì vậy họ giảm 50% độ dày của mọi nét xuống và siết chặt khoảng cách bên để đẩy độ tương phản lên mức tối đa.

Mỗi chân chữ có một cạnh hình nêm và một cạnh cong, tạo tỷ lệ cổ điển đẹp khi in ấn nhưng kết cấu lại hoàn toàn mới, tối ưu cho thiết bị số.

"Chúng tôi tạo ra thứ chỉ có thể ra đời ở thời điểm này. Không quá thô cho màn hình của một thập kỷ trước, không chứa những thỏa hiệp cơ học vì mực in. Chỉ là những chân chữ ở điểm hoàn hảo." — Mark Davis, nhà sáng lập & thiết kế font tại WORDMARK

Bốn biến thể, một trục biến thiên

Tương tự Geist Pixel, Geist Serif sở hữu một trục biến thiên (variable axis) cho phép thay đổi hình dạng của mọi dấu chấm trong font, kể cả chấm trên chữ i, j và trong dấu câu. Trục này có tên Element Shape (ELSH) với bốn biến thể:

• Regular: chấm tròn (mặc định)
• Square: chấm vuông
• Triangle: chấm tam giác, gợi nhớ logo Vercel
• Heart: chấm hình trái tim

Mỗi biến thể cũng được phát hành dưới dạng file tĩnh riêng, giúp lập trình viên chỉ tải đúng file cần dùng.

Geist Serif poster tối

Thông số kỹ thuật và cách sử dụng

Geist Serif đi kèm các thông số đáng chú ý:

• 1 độ đậm (Regular)
• 4 biến thể (Regular, Square, Triangle, Heart)
• 894 glyph, phủ 352 ngôn ngữ dùng chữ Latinh
• 5 bộ phong cách (ss01 đến ss05)
• Hơn 52.000 cặp kerning được tinh chỉnh thủ công

Font dùng chung chiều cao chữ hoa và chiều cao x với Geist Sans, nhờ đó có thể đặt vào bất kỳ bố cục Geist nào mà không phải chỉnh lại dòng. Điều này cho phép trộn Sans, Mono, Pixel và Serif trong cùng một câu mà mọi từ vẫn trông cùng cỡ.

Về triển khai, Geist Serif nằm chung gói với phần còn lại của gia đình:

npm i geist

Mỗi biến thể có điểm nhập riêng như GeistSerifRegular, GeistSerifSquare, GeistSerifTriangle, GeistSerifHeart, kèm các biến CSS tương ứng như --font-geist-serif-regular.

Hướng phát triển tiếp theo

Đây mới chỉ là khởi đầu. Vercel cho biết đang phát triển dải độ đậm từ Thin (100) đến Black (900), hướng tới một phiên bản dành cho văn bản và cả chữ nghiêng (italic) được sinh hoàn toàn bằng Python. Hỗ trợ tiếng Kirin cũng đang được lên kế hoạch để đồng bộ với Geist Sans và Geist Mono, và Geist Serif sẽ xuất hiện trên Google Fonts sau khi ra mắt.

Bản phác thảo Geist Serif ban đầu

Với bốn thành viên — Sans, Mono, Pixel và giờ là Serif — gia đình Geist giờ đây trải từ văn bản giao diện, mã nguồn cho tới chữ hiển thị biểu cảm, và tất cả đều hòa hợp với nhau. Với các nhà phát triển và designer tại Việt Nam đang xây dựng sản phẩm trên nền tảng Vercel hay Next.js, đây là bổ sung đáng cân nhắc cho bộ nhận diện thương hiệu số.