Đi đến nội dung chính
BRAND IDENTITY · GUIDELINES · V1.0
SOITAROT.VN · 2026
SoiTarot

The Crescent
Eye.

Soi mình qua những lá bài. Một bộ nhận diện cho self-discovery — không bói toán, không mê tín. Modern. Cosmic. Sạch sẽ.

CONCEPT · CRESCENT EYESOITAROT — FOR GEN Z VIỆT NAM
01

Khái niệm Crescent Eye

Mặt trăng khuyết và con mắt cùng một hình — một chấm tròn lavender nằm trong khoảng âm của vầng trăng. Đọc được cả hai cách, biểu đạt cùng lúc 'soi mình' (con mắt) và cảm thức cosmic (trăng).

// READS AS
Con mắt soi mình

Vầng vàng = mi mắt, chấm lavender = đồng tử. 'Soi' — nhìn vào trong chính mình.

Mặt trăng khuyết

Mặt trăng pha gần đầy — chấm sao trong vùng tối. Cosmic, mystical, không sến.

Cánh cửa mở

Hình ẩn dụ kế tiếp: một cánh cửa cong, ánh sáng bên kia. 'Mở ra' sự tự hiểu.

Lá bài úp

Đường cong của crescent gợi mép cong của lá bài đang được lật. Sự tiết lộ.

02

Cấu trúc hình học

Symbol được dựng bằng 2 hình tròn và 1 chấm — không có đường vẽ tự do, để giữ tính kỷ luật và tái tạo đúng ở mọi kích thước.

R = 40u
O
O′
r = 30u · offset 20u
// SPEC
Outer circle (mi ngoài)center O (50, 50) · R = 40u
Inner circle (cắt khuyết)center O′ (70, 50) · r = 30u
Offset OO′20u (= R/2)
Pupil (đồng tử)(56, 50) · d = 10u
Tỉ lệ ngang1 : 1 (viewBox 100×100)
Bán kính congcung lớn nghịch chiều, cung nhỏ thuận chiều
// SVG PATH
<path d="M70 18 A40 40 0 1 0 70 82 A30 30 0 1 1 70 18 Z" fill="#D4A574"/> <circle cx="56" cy="50" r="5" fill="#B8A8D9"/>
03

Hệ thống logo

Bốn biến thể chính: primary (ngang) — stacked (dọc) — wordmark only — mark only. Chọn theo tỉ lệ vùng đặt logo, không bao giờ trộn nguyên tắc.

SoiTarot
Primary · HorizontalDEFAULT · HEADER · MARKETING
SoiTarot
Stacked · VerticalSQUARE · POSTER · COVER
SoiTarot
Wordmark onlyLIGHT BG · TEXT-ONLY HEADER
Mark onlyFAVICON · AVATAR · OG
SoiTarot
Soi mình qua những lá bài.
With taglineHERO · COVER · PRINT
04

Phối màu

Hai phối màu cơ bản: trên nền navy (web/app, chế độ mặc định) và trên ivory (print, light mode, stationary).

SoiTarot
On Navy · PrimaryWEB · APP · DARK MODE
SoiTarot
On Ivory · Light ModePRINT · LIGHT THEME · STATIONARY
05

Đơn sắc

Khi bị giới hạn về màu (fax, watermark, in 1 màu, debossing, laser engrave) — dùng phiên bản đơn sắc đen hoặc trắng. Cả vầng và đồng tử cùng màu.

SoiTarot
Black · 100% KPRINT · FAX · ETCH
SoiTarot
White · KnockoutDARK PRINT · DEBOSS · OVERLAY
SoiTarot
Gold monoFOIL · WATERMARK · STAMP
06

Không gian an toàn

Vùng trống tối thiểu quanh logo = X — chiều cao chữ 'S' trong wordmark. Không text, không hình, không element nào được lọt vào vùng dashed này.

SoiTarotXXXX
// RULE

Vùng an toàn = cao chữ "S" (cap-height của wordmark).

  • Áp dụng cho cả 4 cạnh của khối logo.
  • Tính từ điểm xa nhất của symbol và wordmark.
  • Khi logo nằm cạnh chữ khác, X = chiều cao của chữ đó.
  • Vùng này không bao giờ giảm — đặc biệt trên bao bì và print.
// CHEAT
Logo height = H
X ≈ 0.6 × H (logo ngang)
X ≈ 0.4 × H (stacked)
07

Kích thước tối thiểu

Khi nhỏ hơn ngưỡng dưới — symbol đặc lại (chấm pupil to hơn) hoặc dùng favicon-only. Đừng để wordmark mờ.

SoiTarot
14 PX · TOO SMALL
AVOID
SoiTarot
18 PX · ≈ 5 MM
MIN · HORIZONTAL
SoiTarot
28 PX · ≈ 8 MM
COMFORT
SoiTarot
40 PX · ≈ 12 MM
NAV · CARD
SoiTarot
64 PX · ≈ 20 MM
HERO · COVER
// MARK ONLY · APP ICON
128 PX
iOS app icon
96 PX
Android adaptive
64 PX
avatar
32 PX
favicon
16 PX · MIN
tab favicon · pupil dropped
MIN · MARK
08

Dùng đúng & dùng sai

Đây là những lỗi thường gặp nhất. Vi phạm bất kỳ điều nào dưới đây — logo mất nhận diện và cảm thức brand.

DÙNG ĐÚNG
SoiTarot
Trên nền navy — gold + lavender chuẩn.
DÙNG ĐÚNG
SoiTarot
Trên ivory — navy + gold đảo, vẫn nhất quán.
DÙNG ĐÚNG
SoiTarot
Knockout trắng cho in 1 màu / nền đen.
DÙNG ĐÚNG
Symbol đứng riêng làm favicon / avatar.
KÉO MÉO
SoiTarot
Không stretch chiều ngang / dọc. Giữ đúng tỉ lệ.
ĐỔI MÀU
SoiTarot
Không dùng màu ngoài palette navy/gold/lav/ivory.
XOAY NGHIÊNG
SoiTarot
Logo luôn nằm ngang. Không xoay để trang trí.
THÊM SHADOW
SoiTarot
Không drop-shadow cứng / outline / emboss. Glow nhẹ OK.
NỀN RỐI
SoiTarot
Không đặt lên ảnh / nền tương phản kém. Dùng plate.
ĐỔI FONT
SoiTarot
Không thay Fraunces bằng font khác. Wordmark là cố định.
TÁCH RỜI
SoiTarot
Không đẩy symbol xa wordmark. Khoảng cách cố định.
VIỀN STROKE
SoiTarot
Không outline / hollow. Logo luôn ở dạng solid fill.
09

Typography & xuất file

Wordmark luôn dùng Fraunces light weight (300), italic cho 'Tarot'. Body dùng Inter, label/code dùng JetBrains Mono.

AaBb
Fraunces · 300 / 300 italic
DISPLAY · WORDMARK · H1
GOOGLE FONTS
Aa Bb Cc
01 / SOI
Inter · JetBrains Mono
BODY · LABEL · UTILITY
GOOGLE FONTS
// EXPORT
Tải SVG riêng từng biến thể.
SVG · PrimarySVG · MarkSVG · Mono
SoiTarot
Soi mình qua những lá bài.
BRAND GUIDELINES · V1.0
© 2026 SOITAROT.VN
MADE WITH ✦ IN HÀ NỘI