BRAND GUIDELINE · v1.0
Agent Boss
Human · Agents Team. Frontier Firm.
Thương hiệu về mô hình tổ chức mới — Con người + AI Agent cùng vận hành. Dành cho CEO.
01
System
Mọi thứ là một hệ thống — không phải pixel rời.
02
Duality
Human + Agent. Cả hai đều hiện diện.
03
Control
Boss là người thiết kế, không bị thiết kế.
01
Identity
Logo
Symbol: AB · Wordmark: AGENT BOSS · Tagline (optional)
Màu: AGENT → tối · BOSS → cam
Không được: đổi màu logo · thêm hiệu ứng · đặt trên nền rối
02
Color System · 80 / 15 / 5
Màu sắc
Agent Dark
#0B1A2B
80% — surface, ink chính
Boss Orange
#FF6A1A
≤5% — accent, node, CTA
White
#FFFFFF
15% — text trên dark
Ink 900
#111827
Ink 700
#374151
Ink 500
#9CA3AF
Ink 100
#F3F4F6
80% Agent Dark15% White5% Boss Orange
03
Typography · Inter
Chữ nghĩa
Aa — Display 56
Aa — Heading 32
Aa — Subhead 20
Aa — Body 16 — line-height 1.6
Aa — Mono · Roboto Mono 14
| Token | Size | Weight |
|---|---|---|
| H1 | clamp(40 → 56)px | 700 |
| H2 | clamp(28 → 36)px | 600 |
| H3 | clamp(20 → 24)px | 600 |
| Body | 16px | 400 |
| Small | 14px | 500 |
04
Grid · 12 cols · gutter 24
Spacing
--sp-1 · 4px
--sp-2 · 8px
--sp-3 · 16px
--sp-4 · 24px
--sp-5 · 32px
--sp-6 · 48px
--sp-7 · 64px
--sp-8 · 96px
--sp-9 · 128px
05
Visual System
Line · Node · Flow · Layer
Line
Kết nối
Node
Decision · Agent
Flow
Vận hành
Layer
Tổ chức
06
Components
Thành phần
07
Decision Rules · khi nào dùng gì
Quyết định thiết kế
| Tình huống | Dùng | Tránh |
|---|---|---|
| Surface · background lớn | Agent Dark #0B1A2B | Gradient · neon · màu lạ |
| CTA · link · điểm nhấn | Boss Orange #FF6A1A (≤5%) | Orange làm nền lớn |
| Text phụ · caption · meta | Ink 500 #9CA3AF | Ink 500 cho heading chính |
| Heading · body | Inter (400–700) | Font trang trí · serif |
| Code · số · token | Roboto Mono | Sans cho số dạng bảng |
| Liên kết tĩnh giữa khối | Line · hr 1px | Animation · line chạy |
| Quyết định · agent | Node · dot orange | Icon robot · brain AI |
| Quy trình · vận hành | Flow · dot-line-dot | Arrow 3D · hiệu ứng |
| Nhóm nội dung | Layer · dashed border | Shadow card nhiều lớp |
08
Application · ứng dụng thực tế
Ấn phẩm — ví dụ wireframe
Slide
1 slide = 1 ý · có diagram · không bullet dài
Social · 1:1
1 insight · 1 visual · contrast cao
Document
Structure · framework · diagram
Banner
Ít chữ · không hình người · không marketing style
| Ấn phẩm | Quy tắc |
|---|---|
| Website | Dark theme · diagram là trung tâm · text trái – diagram phải |
| Slide | 1 slide = 1 ý · có diagram · không bullet dài |
| Social | 1 insight · 1 visual đơn giản · contrast cao |
| Document | Có structure · có framework · có diagram |
| Banner | Ít chữ · không hình người · không marketing style |
09
Do · Don't
Quy tắc cứng
DO
- System
- Structured
- Minimal
- CEO-level
✕ DON'T
- Marketing flashy
- Sci-fi AI
- Trang trí vô nghĩa
- Stock business
10
AI Design Prompt
Dùng cho mọi AI
Design in Agent Boss brand style.
Focus on:
- system thinking
- human + AI agent collaboration
- minimal, structured layout
Use:
- dark navy + white + orange accent
Include:
- flow, nodes, layers
Avoid:
- robots
- sci-fi visuals
- stock business images
- marketing style design11
Brand Test
3 câu hỏi — sai 1 = loại
- Có phải hệ thống không?
- Có Human + Agent không?
- CEO có dùng được không?