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 EYE SOITAROT — 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).

SOITAROT
SEC. 01 / 09
// 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.

SOITAROT
SEC. 02 / 09
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ệ ngang 1 : 1 (viewBox 100×100)
Bán kính cong cung 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
SEC. 03 / 09
SoiTarot
Primary · Horizontal DEFAULT · HEADER · MARKETING
SoiTarot
Stacked · Vertical SQUARE · POSTER · COVER
SoiTarot
Wordmark only RUNNING TEXT · INLINE
Mark only FAVICON · AVATAR · APP
SoiTarot
SOI MÌNH QUA NHỮNG LÁ BÀI
With tagline ABOUT · HERO · PRESS
04

Phối màu

Bản chính trên navy: vầng gold, đồng tử lavender, wordmark ivory với "Tarot" italic lavender. Bản trên ivory đảo: vầng navy, đồng tử gold, wordmark navy.

SOITAROT
SEC. 04 / 09
Void
#0A0E27
BG · DEEP
Navy
#0F1B3D
BG · PRIMARY
Gold
#D4A574
MARK · ACCENT
Lavender
#B8A8D9
PUPIL · ITALIC
Ivory
#F8F4E3
TEXT · BG
SoiTarot
On Navy · Primary WEB · APP · DARK MODE
SoiTarot
On Ivory · Light Mode PRINT · 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
SEC. 05 / 09
SoiTarot
Black · 100% K PRINT · FAX · ETCH
SoiTarot
White · Knockout DARK PRINT · DEBOSS · OVERLAY
SoiTarot
Gold mono FOIL · 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.

SOITAROT
SEC. 06 / 09
SoiTarot
X
X
X
X
// 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
SEC. 07 / 09
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.

SOITAROT
SEC. 08 / 09
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.

SOITAROT
SEC. 09 / 09
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 brand sheet hoặc SVG riêng từng biến thể.
SoiTarot
Soi mình qua những lá bài.
BRAND GUIDELINES · V1.0
© 2026 SOITAROT.VN
MADE WITH ✦ IN HÀ NỘI
EXPORT