PG Next   /   Bộ nhận diện thương hiệu
pgnext.dev ↗
PG Next / Brand system

Nhất quán.
Ở mọi điểm chạm.

Bộ nhận diện cho PG Next. Chọn đúng logo, lấy màu chuẩn và bắt đầu từ những mẫu đã sẵn sàng chỉnh sửa.

PG Next
PostgreSQL.
Theo dự án của bạn.
pgnext.dev
↓ Tải bộ nhận diệnĐọc guidelines ↗v1.1.0 · 22.10.2026
SVG, PNG, PPTX, DOCX & PDF
02 / Logo system

Một dấu hiệu nhận diện.

Chọn bố cục theo không gian sử dụng. Mỗi bố cục có bản nền sáng, nền tối và đơn sắc; hình biểu tượng được giữ nguyên.

Biểu tượng

Biểu tượng

4 phiên bản
SVG + PNG

Logo ngang

Logo ngang

4 phiên bản
SVG + PNG

Logo dọc

Logo dọc

4 phiên bản
SVG + PNG

Vùng an toàn H/4

H là chiều cao hình biểu tượng. Giữ chữ và đồ họa bên ngoài vùng này.

Kích thước digital

Biểu tượng ≥40 px · Ngang ≥180 px · Dọc ≥140 px.

SVG dùng ngay, nguồn để sửa

Bản xuất có chữ outline. SVG nguồn giữ chữ và cần font Inter.

03 / Color palette

Emerald có chủ đích.

Dành emerald cho điểm nhấn. Nền sáng và tối hỗ trợ nội dung dài; màu nhận diện không thay nhãn trạng thái.

Background#0B100F
Surface#121A17
Text#F3F8F5
Muted#B6C5BC
Emerald#00E599
Light accent#009961

Chọn một ô màu để sao chép mã HEX.

Rõ ràng trên nền sáng.

Ink / Paper · Tương phản 17.86:1.

Rõ ràng trên nền tối.

Text / Background · Tương phản 17.86:1.

Light accent dành cho đồ họa trên nền sáng. Không dùng #009961 cho chữ nhỏ trên Paper: tỷ lệ 3.41:1.

04 / Typography

Chữ rõ. Dữ liệu chính xác.

Inter cho nội dung và giao diện. JetBrains Mono cho mã và định danh. Bộ font kèm giấy phép SIL OFL 1.1.

Inter / 400 · 600 · 700

Tiếng Việt rõ ràng.

Aa Bb Cc Đđ Êê Ơơ Ưư
0123456789 · $ € ₫
Regular cho thân bài. Semibold cho nhãn. Bold cho tiêu đề.
Tải Inter Variable ↓Giấy phép ↗
JetBrains Mono / 400
SELECT current_database();

project / branch / compute
0123456789  $42.00
Dùng cho mã và số cần căn cột. Office dùng Arial khi chưa có Inter.
Tải JetBrains Mono ↓Giấy phép ↗
05 / Asset library

Từ nguồn đến bản dùng.

Xem biến thể, mục đích và thông số trước khi tải. Template giữ text, bảng và hình khối để bạn thay nội dung.

17 nhóm tài sảnNGUỒN CHỈNH SỬA + BẢN XUẤT
Biểu tượng
SVG / PNG

Biểu tượng

Biểu tượng voi/NV kế thừa. Dùng khi ngữ cảnh đã có tên PG Next.

SVG ↓
Logo ngang
SVG / PNG

Logo ngang

Bố cục mặc định cho header, slide và tài liệu.

SVG ↓
Logo dọc
SVG / PNG

Logo dọc

Bố cục cho không gian đứng và bìa hẹp.

SVG ↓
Motif đường nhánh
SVG / PNG

Motif đường nhánh

Đường nhánh, góc cong và nút tròn tạo cấu trúc đồ họa.

SVG ↓
SVG / PNG

Bộ icon sản phẩm

Sáu icon cùng grid 32 px và nét 1.8 px.

SVG ↓
Key visual
SVG / PNG

Key visual

Bố cục chủ đạo với vùng chữ riêng và hệ đường nhánh.

SVG ↓
Avatar
SVG / PNG

Avatar

Biểu tượng trên nền tối, có khoảng trống cho crop tròn.

SVG ↓
Carousel giới thiệu
SVG / PNG

Carousel giới thiệu

Ba trang có thứ tự: tổng quan, nhánh dữ liệu và compute.

SVG ↓
Cover
SVG / PNG

Cover

Vùng tên bên trái, đồ họa nhánh bên phải.

SVG ↓
Bài đăng vuông
SVG / PNG

Bài đăng vuông

Bài giới thiệu sản phẩm bằng tiếng Việt và tiếng Anh.

SVG ↓
Ảnh chia sẻ ngang
SVG / PNG

Ảnh chia sẻ ngang

Bố cục ngang để chia sẻ liên kết và giới thiệu sản phẩm.

SVG ↓
Deck giới thiệu
PPTX / PDF

Deck giới thiệu

Sáu layout slide với text, sơ đồ và bảng chỉnh sửa được.

PPTX ↓
Tài liệu dự án A4
DOCX / PDF

Tài liệu dự án A4

Tài liệu có styles, header, bảng và trường nội dung mẫu.

PDF ↓
HTML
HTML / TXT

Chữ ký email

Chữ ký chỉ dùng text, dùng được khi ảnh bị chặn.

HTML ↓
Motion specimen
HTML

Motion specimen

Đường nhánh xuất hiện một lần. Có chế độ giảm chuyển động.

HTML ↓
HTML
HTML / CSS

Website mẫu

Ví dụ áp dụng nhận diện trên website responsive tĩnh.

HTML ↓
Brand guidelines
MD / PDF

Brand guidelines

Quy tắc và ví dụ để tiếp tục tạo ứng dụng nhất quán.

PDF ↓
06 / Brand guidelines

Quy tắc để dùng tiếp.

Cách chọn logo, phối màu, đặt chữ và xây bố cục. Hướng dẫn bằng tài sản thực, có thông số và ví dụ đúng/sai.

Bìa hướng dẫn nhận diện PG Next
Edition 1.1.0

Hệ thống chung.
Không gian để ứng dụng.

12 trang về nền tảng, logo, màu, typography, đồ họa và template. Nguồn chỉnh sửa đi cùng bản PDF.

Tải guidelines PDF ↓

Xem nội dung nguồn

PG Next / Asset detail

Chi tiết tài sản