Logo & Mascot
Ngôn ngữ hình ảnh của Forwork.
Forwork dùng một hệ nhận diện tối giản để tạo cảm giác rõ ràng, đáng tin và gần gũi trong cách trình bày năng lực làm việc.
Logo
Một dấu hiệu rõ ràng cho một Work Identity rõ ràng.
Logo Forwork ưu tiên khả năng đọc, nhận diện và sử dụng ổn định ở profile, footer, PWA, OG và các điểm chạm công việc.
Favicon
Dấu hiệu nhỏ nhất của Forwork vẫn cần được nhận ra rõ ràng.
Favicon và app icon được dùng ở tab trình duyệt, shortcut, PWA, màn hình chính và các bề mặt nhỏ nơi logo đầy đủ không còn đủ không gian.
favicon.svg
favicon-light.svg
favicon-dark.svg
apple-touch-icon.png
pwa-192x192.png
maskable-icon-512x512.png
Woan
Woan là người dẫn đường trong Forwork.
Woan giúp Forwork không chỉ là một công cụ tạo hồ sơ, mà là một không gian thân thiện để người dùng kể câu chuyện công việc của mình rõ hơn.
Identity
Giúp người xem định vị bạn nhanh.
Proof
Dẫn người xem đến bằng chứng thật.
Thinking
Làm cách tư duy trở nên dễ thấy.
Contact
Giúp bước tiếp theo rõ ràng hơn.
Màu sắc
Màu sắc dùng để dẫn sự chú ý, không dùng để trang trí quá mức.
Forwork Accent
#1800AD · #A99CFF dark
Liên kết, hành động chính và điểm nhấn identity.Ink
#191919
Chữ mạnh, tiêu đề và điểm neo cần đọc rõ.Paper
#FFFFFF
Không gian đọc sạch, nhẹ và tập trung.Soft Surface
#F1F1EF
Tag, card và phân lớp thông tin kiểu Notion.Phông chữ
Chữ của Forwork cần rõ, gọn và đủ thân thiện.
Forwork dùng Manrope làm phông chữ chính cho landing, UI và nội dung thương hiệu. Khi Manrope không tải được, hệ thống sẽ dùng font mặc định của thiết bị để giữ tốc độ và khả năng đọc.
Aa Bb Cc · 1234567890
Tiêu đề
Đậm, ít chữ, khoảng cách chữ hơi âm để tạo cảm giác chắc và hiện đại.
Nội dung
Dễ đọc, line-height thoáng, ưu tiên giải thích rõ hơn là trang trí.
Nhãn nhỏ
Dùng weight cao vừa đủ cho metadata, tag, button và navigation.
Cách gọi
Tên gọi cần nhất quán như logo.
Forwork là tên chính thức. 4Work và 4W là cách gọi ngắn khi cần đặt trong hệ sinh thái, UI hẹp hoặc ngữ cảnh thân mật hơn.
Dùng cho landing, SEO, OG, tiêu đề, nội dung thương hiệu và các điểm chạm chính thức.
Dùng khi nói cùng 4Tips, ProfileKit hoặc các sản phẩm thuộc cùng một hệ sinh thái.
Phù hợp cho badge, nhãn ngắn, menu hẹp hoặc ngữ cảnh nội bộ. Không ưu tiên cho tiêu đề SEO.
Nên dùng
Forwork cho nội dung chính thức.
4Work khi đặt trong hệ sinh thái.
4W khi không gian UI rất ngắn.
Tránh
ForWork vì sai capitalization.
FourWork vì làm loãng nhận diện.
4work trừ URL hoặc code.
Ý nghĩa
Mỗi chi tiết hình ảnh đều phục vụ một việc: làm công việc dễ hiểu hơn.
Rõ ràng
Typography, spacing và layout giúp người xem không phải tự đoán.
Có con người
Woan khiến sản phẩm thân thiện hơn mà không làm mất sự chuyên nghiệp.
Đáng tin
Logo nhất quán và màu sắc tiết chế giúp hồ sơ có cảm giác ổn định.
Kết nối
Forwork, 4Tips và ProfileKit cùng nằm trong một ecosystem nhận diện.
Nguyên tắc dùng
Dùng nhận diện với đủ khoảng thở.
Không kéo giãn hoặc đổi màu logo tùy tiện.
Dùng Woan khi cần giải thích, dẫn dắt hoặc giới thiệu một ý tưởng sản phẩm.
Dùng màu nhấn có chủ đích, ưu tiên sự rõ ràng trước sự trang trí.