Nhận diện thương hiệu

Greenglish: xanh pastel, dịu mắt, tập trung vào điểm số

Bộ nhận diện cho web ôn thi PTE: logo, màu, chữ, icon và giọng điệu. "Greenglish" là tên tạm, bạn có thể thay bằng tên chính thức mà không đổi các phần còn lại.

Logo

Trên nền sáng

Greenlish

Trên nền xanh đậm

Greenlish

Trên nền xanh pastel (bản một màu)

Greenlish

💡 Bong bóng thoại là phần Speaking, ba cột tăng dần là điểm số đi lên. Khung bo tròn mềm giữ cảm giác thân thiện cho người đang lo lắng trước kỳ thi.

Bảng màu

9 màu Brand Board

#A9DFBF

Mint

Màu chính: nút, mục đang chọn, logo

#86CFA3

Leaf

Thanh tiến độ, viền nhấn, biểu đồ

#E3F2E8

Mist

Nền ô icon, đường ray thanh tiến độ

#F4FBF6

Cloud

Nền trang và các khối phụ

#2F6B4A

Forest

Chữ nhấn, link, icon cần đọc rõ

#24412F

Pine

Khối nền tối, chân trang, banner

#0B1A12

Ink

Chữ chính, viền, chữ trên nút Mint

#C2410C

Coral

Lỗi, từ phát âm cần luyện lại

#FFF1EA

Peach

Nền nhấn cho lỗi, kèm chữ Coral

Màu mở rộng (Extended Palette)

7 màu thực tế trong màn hình

#FFFFFF

White

Bề mặt thẻ card trên nền Cloud, bong bóng thoại

#D5E6DB

Hairline

Đường phân cách 1px, viền thẻ nhẹ

#46564D

Text-muted

Chữ phụ, ghi chú và văn bản trợ giúp

#2B3A32

Text-soft

Nội dung đọc bên trong thẻ có màu

#FCEFB4

Butter

Thẻ nổi bật: gói học, mẹo, ghi chú

#FFDCCB

Blush

Ô icon ấm (các dạng bài Speaking)

#D3EAF7

Sky

Ô icon mát, nhấn danh mục phụ

Quy tắc phối màu & Ý nghĩa (Semantic Mapping)

Ý nghĩa / Trạng thái	Nền (Surface)	Chữ / Icon	Viền (Border)
Nút hành động chính (Primary)	Mint (#A9DFBF)	Ink (#0B1A12)	2px Ink
Nút phụ (Secondary)	White (#FFFFFF)	Ink (#0B1A12)	2px Ink
Mục đang chọn (Selected)	Mint (#A9DFBF)	Ink (#0B1A12)	2px Ink
Tiến độ (Progress fill / track)	Leaf trên Mist	n/a	Không viền
Thông tin / mẹo (Info & Tip)	Butter (#FCEFB4)	Ink (#0B1A12)	2px Ink
Lỗi & từ cần luyện lại (Error)	Peach (#FFF1EA)	Coral (#C2410C)	2px Ink hoặc 1px Coral
Banner tối (Dark Banner)	Pine (#24412F)	White kèm Mint nhấn	Không viền
Đường link	Trong suốt	Forest (#2F6B4A), gạch chân hover	Không viền

Chữ

Display · Plus Jakarta Sans · 40px / 800

Biết điểm PTE trước khi vào phòng thi

Section Title · Plus Jakarta Sans · 24px / 700

Luyện đủ 22 dạng câu hỏi theo format mới

Body · Plus Jakarta Sans · 16px / 400

Plus Jakarta Sans hiển thị tốt tiếng Việt có dấu và tiếng Anh, đọc rõ ở cỡ nhỏ trên điện thoại. Tiêu đề dùng đậm 800, nội dung dùng 400 và 600.

Giọng điệu (Voice & Tone)

Rõ ràng (Clear)

Nói thẳng điểm số, lỗi cụ thể và việc nên làm tiếp theo.

Khích lệ (Encouraging)

Ghi nhận tiến bộ, không phán xét người học.

Trung thực (Honest)

Hứa lộ trình và công cụ, không hứa điểm cụ thể hay cam kết thần tốc.