Brand Guidelines — Version 1.0

DATFX Labs

Multi-Agent Market Intelligence

Trí Tuệ Phân Tích Thị Trường Đa Tác Nhân

Founded
1983
Markets
12+
φ Ratio
1.618
DNA Sum
21
Scroll
Chapter 01

Brand Story

Every great brand has a deeper truth. DATFX Labs is built on mathematics, philosophy, and a single belief: that intelligence — like water — finds its way through any obstacle.

"Nước chảy đá mòn"
Water wears away stone.
Vietnamese proverb · The founding philosophy of DATFX Labs
🐗
The Origin
Born 1983, Year of the Water Pig
The Quý Hợi year in the Vietnamese lunar calendar. Quý (癸) is the tenth Heavenly Stem, associated with water and wisdom. The Water Pig combines intelligence, adaptability, and an unwavering drive beneath a calm exterior — the personality of the brand itself.
The Philosophy
Water Element (Thủy 水)
Water is the only element that adapts to any container yet over time reshapes stone. DATFX Labs approaches markets the same way: adaptive, patient, and ultimately decisive. The brand's fluid curves embody this — soft in form, relentless in purpose.
The Mathematical DNA
1 + 9 + 8 + 3 = 21
The birth year digits sum to 21 — a Fibonacci number. Not by coincidence: Fibonacci numbers appear throughout nature, in spirals, in market structures, in the golden ratio that governs the logo's construction. This is the mathematical signature embedded at the brand's core.
φ
The Hidden Structure
Golden Ratio φ = 1.618
The logo's convergence point sits at 61.8% of the mark's height — the golden ratio. Type scale, spacing, and component proportions are all governed by φ. This creates an unconscious sense of harmony that the viewer feels without understanding why.
Technical
Price action, patterns, indicators — the language of the chart
Macro
Central banks, rates, economic cycles — the tide beneath the waves
Sentiment
Fear, greed, positioning — the human current in every market
The Insight: Three streams of analysis, each distinct in method, each essential in isolation — but only together do they converge into a single, decisive market view. This convergence is the logo. This convergence is the product.
1
1
2
3
5
8
13
21
34
55
89
144

21 is highlighted — the birth year digit sum, a Fibonacci number, and the mathematical signature of the brand.

φ = 1.618033... Golden Ratio
76px = 200 × (1 − 0.618) Apex Y position
21 = 1+9+8+3 Birth year DNA
Chapter 02

The Confluence Mark

The logo is not a symbol of a company — it is a diagram of the product. Three analytical streams, each carrying its own signal, converging at the golden ratio point into one decisive insight.

DATFX
L A B S
Multi-Agent Market Intelligence
Stream Color Hex Role Base Width Apex Width
Left ● Cyan #00D4FF Technical Analysis 14px 3px
Center ● Violet #7C5CFC Macro Economics 14px 3px
Right ● Green #00E676 Sentiment Analysis 14px 3px
Primary — Full Color
Dark backgrounds
Monochrome — Cyan
Single color contexts
White — Reversed
For very dark backgrounds
Inverted — Light Mode
Darkened for contrast
Icon Only — 48px
App icons, favicons
DATFX
L A B S
Wordmark Only
Text-only contexts
Golden Ratio Construction — The Confluence Mark
φ = 0.618 · h Technical Macro Sentiment Insight 38.2% 61.8%

Apex positioned at 61.8% of mark height (golden section). Construction guides shown in #D4A84B.

Chapter 03

Logo Usage Rules

Consistent usage protects the logo's integrity and the brand's recognition. These rules are non-negotiable — every placement must respect the clear space, minimum size, and color system.

16px
Favicon min
32px
Limited detail
48px
App icon
80px
Recommended min
120px
Full detail
Don't stretch or distort
Never alter the logo's aspect ratio or scale streams independently.
Don't change colors
Use only the approved color variants from Chapter 2.
Don't add effects
No drop shadows, bevels, gradients, or outlines added externally.
Don't rotate
The streams must always converge upward. Never tilt or rotate the mark.
Don't use on busy backgrounds
Always place on solid, approved colors from the brand palette.
LABS DATFX
Don't rearrange elements
Don't split the wordmark, reorder "DATFX" / "LABS", or swap icon placement.
Chapter 04

Logo Lockups

Different contexts call for different configurations. Use these approved lockups exactly as specified — never create ad-hoc arrangements.

Stacked Lockup — Primary
DATFX
L A B S
Icon: 72px · DATFX: Inter 800 28px
LABS: Inter 400 11px · spacing: 0.22em
Horizontal Lockup
DATFX
L A B S
Icon: 52px · Divider: 1px #1C2230 36px tall
DATFX: Inter 800 22px · LABS: Inter 500 10px
Full Lockup — With Tagline
DATFX
L A B S
Multi-Agent Market Intelligence
Use for: splash screens, presentations
Never: small sizes below 200px wide
Icon Only
48px
32px
20px
Use for: favicon, app icons, avatars
Tab icons, notification badges
Wordmark Only
DATFX LABS
DATFX: Inter 800 · LABS: Inter 400
Use: text-only contexts, documents, APIs
Social Avatar — Circle Crop
Background: #141820 · Icon centered
Use: Twitter/X, Telegram, LinkedIn
Rule: When in doubt about which lockup to use — prefer the horizontal lockup for most UI contexts, stacked for hero/splash, icon-only for constrained sizes below 80px width.
Chapter 05

Color System

Color is the fastest communicator. DATFX Labs uses a structured dark-first palette where every color has a semantic role — never decorative, always functional.

Primary Palette — Dark Mode (Default)
Obsidian
#0B0E11
11,14,17
Primary canvas
Charcoal
#141820
20,24,32
Cards, panels
Slate
#1C2230
28,34,48
Hover, active
Cloud
#E8ECF1
232,236,241
Body text
Fog
#8892A0
136,146,160
Secondary text
Ash
#4A5568
74,85,104
Disabled
Accent Colors
Electric Cyan
#00D4FF
Brand primary · CTAs
Violet
#7C5CFC
AI / Macro
Signal Green
#00E676
Bullish · Positive
Signal Red
#FF3D57
Bearish · Alerts
Amber
#FFB020
Warning · Key levels
Construction Gold
#D4A84B
Math annotations
Light Mode Palette
Snow
#F8F9FB
Canvas
White
#FFFFFF
Cards
Mist
#EDF0F4
Hover
Ink
#1A1D23
Text
Stone
#5A6577
Secondary
Accessible Combinations — WCAG AA
Foreground Background Preview Contrast Ratio WCAG Level
Cloud #E8ECF1 Obsidian #0B0E11 Body text 14.2 : 1 AAA
Cyan #00D4FF Obsidian #0B0E11 CTA text 9.8 : 1 AAA
Cloud #E8ECF1 Charcoal #141820 Card text 12.7 : 1 AAA
Signal Green #00E676 Charcoal #141820 Bullish badge 10.3 : 1 AAA
Signal Red #FF3D57 Charcoal #141820 Bearish badge 6.2 : 1 AA
Fog #8892A0 Obsidian #0B0E11 Metadata 5.4 : 1 AA
Ink #1A1D23 Snow #F8F9FB Light mode 17.1 : 1 AAA
Chapter 06

Typography

Typography is the voice of the brand. Inter for humanity and precision. JetBrains Mono for data and code. The scale governed by the golden ratio — every size a deliberate step in the sequence.

Primary Typeface
Inter
Variable Weight 300–900
google.com/fonts/inter
Inter Variable · OTF/WOFF2
License: SIL OFL 1.1
800
Display — 6 AI agents, 47 indicators
700
Heading — Market Structure Analysis
600
Subheading — Technical Confluence Zone
500
Body Emphasis — Bias: Bullish above 1.0850
400
Body — Resistance cluster at 2,380 aligns with 0.618 Fibonacci retracement from the September swing high.
300
Caption — Generated by 6 specialized AI agents · Updated 14:32 UTC
Type Scale — Golden Ratio Progression (Base 16px × φ)
Role Size Weight Tracking Line Height Usage
Display 68px (16 × φ³) 800 -0.02em 1.0 Hero headlines only
Heading 1 48px (16 × φ²·⁶) 800 -0.02em 1.05 Page titles, chapter heads
Heading 2 32px (16 × φ²) 700 -0.01em 1.15 Section titles
Heading 3 24px 700 -0.01em 1.2 Sub-sections, card titles
Body Large 18px 400 0 1.65 Intro paragraphs
Body 16px (base) 400 0 1.6 Standard body copy
Data / Tabular 14–16px 500 0 1.4 Prices, levels, numbers
Label 12–13px 500–600 +0.06em 1.3 Badges, tags, metadata
Caption 11px 400–500 +0.04em 1.5 Timestamps, footnotes
Monospace Typeface
JetBrains Mono
Prices & Levels
$2,345.67  |  +1.23%  |  Vol: 142.3K
Tickers & Timestamps
XAUUSD  ·  2026-03-29 14:32 UTC  ·  M15
Key Levels
R3: 2,398.50   R2: 2,380.00   R1: 2,362.40
S1: 2,334.80   S2: 2,318.20   S3: 2,300.00
Vietnamese Diacritics — Inter Full Coverage
Phân tích kỹ thuật đa chiều với 6 tác nhân AI chuyên biệt
Trí tuệ phân tích thị trường · Đồng bộ dữ liệu thời gian thực · Phát hiện cơ hội giao dịch tự động
Inter handles all Vietnamese tonal marks: à á â ã ä å ă ắ ặ ầ ấ ổ ồ ơ ớ ợ ự ử ữ ừ ứ
Chapter 07

Iconography

Icons are micro-language. DATFX Labs uses a stroke-based system built on a 24×24 grid — precise, consistent, immediately scannable in a data-dense interface.

Stroke weight 1.5px
Stroke cap Round
Stroke join Round
Base grid 24 × 24px
Safe zone 2px inset
Base library Lucide Icons
16px
24px
32px
48px
Custom Agent Icons — 5 Core Agents
Technical
Chart patterns, indicators, S/R levels
Macro
Central banks, rates, economic cycles
Sentiment
Fear/greed, positioning, news flow
Quant
Statistics, volatility, backtesting
News
Intelligence, event calendar, alerts
Common UI Icons
chart-bar
activity
clock
bell
search
trending-up
trending-down
radio
grid
user
shield
list
Chapter 08

Data Visualization

Charts are the primary output of DATFX Labs. Every visual element — color, weight, opacity, annotation — serves the signal. Nothing decorative. Signal over noise.

Chart Background
#0B0E11 — Obsidian
Grid Lines
#1C2230 — subtle, 1px
Bullish Candle
#00E676 — outline only
Bearish Candle
#FF3D57 — filled
Key Levels
#FFB020 — 1px horizontal
AI Annotations
#7C5CFC — callout boxes
MA 20
#00D4FF — 60% opacity, dashed
MA 50
#7C5CFC — 50% opacity, dashed
MA 200
#FFB020 — 50% opacity, dashed
EMA Ribbon
Cyan→Violet gradient fill
Sample Chart Mockup — XAUUSD M15
XAUUSD
M15
2,345.67
+8.45 (+0.36%)
AI Analysis ● Live
2,362.40 2,318.20 AI: Breakout confirmed Conviction: 8.2/10 · 4 agents agree 2,345.67 09:00 10:00 11:00 12:00 13:00 14:00
Candles: Bullish = #00E676 outline only. Bearish = #FF3D57 solid fill. Wicks same color as body.
Levels: All key levels amber #FFB020. Price labels right-anchored, JetBrains Mono 10px.
AI Annotations: Violet dashed border, semi-transparent fill, connector line to price.
Chapter 09

UI Components

Every component is built from the same material: dark surfaces, precise borders, semantic color. Consistency at this level creates trust — the user always knows where they are and what they can do.

Buttons
Badges & Status Tags
● Bullish ● Bearish ● Neutral ⬡ AI Agent ◈ Live ● Inactive
STRONG BUY 9.2/10
STRONG SELL 8.7/10
WAIT 5.5/10
Analysis Card
XAUUSD · M15
Technical Analysis Agent
● Bullish
RESISTANCE
2,362.40
2,345.00
SUPPORT
2,318.20
2,300.00
Bullish structure intact above 2,318. RSI momentum divergence forming. Watching for breakout above 2,362 on volume confirmation.
Conviction 8.2 / 10
14:32 UTC · Auto-refresh 5m
Agent Consensus
Technical Bullish 8.2
Macro Neutral 5.8
Sentiment Bullish 7.4
Quant Bullish 7.9
News Neutral 6.1
OVERALL SCORE
7.9/10
BULLISH BIAS
Data Table
Instrument Price Change Bias Score
XAUUSD 2,345.67 +8.45 (+0.36%) Bullish 7.9
EURUSD 1.0823 -0.0041 (-0.38%) Bearish 3.2
USOIL 72.14 +0.08 (+0.11%) Neutral 5.5
BTCUSD 87,340 +1,240 (+1.44%) Bullish 8.4
Navigation Pattern
DATFX Labs
Dashboard
Analysis
Watchlist
Alerts
3
Dashboard content area
Chapter 10

Brand Voice & Tone

Every word we publish carries the weight of real capital decisions. DATFX Labs speaks like a senior analyst presenting to a fund — precise numbers, decisive bias calls, accessible explanations, systematic methodology. We don't predict the future. We illuminate the present with such clarity that the path forward becomes obvious. Our voice is the calm in the storm of market noise.

🎯
Precise
Specific numbers. Specific levels. Specific conditions. No vague approximations.
Decisive
We take positions. We state the bias clearly with invalidation conditions.
🔓
Accessible
Complex analysis delivered clearly. Jargon only when it adds precision, always explained.
⚙️
Systematic
Every analysis follows a consistent process. Reproducible. Auditable. Trustworthy.
Do / Don't — Writing Examples
✓ Do This
"6 AI agents analyzed 47 indicators across 3 timeframes."
"Bias: bullish above 1.0850, invalidated on daily close below 1.0790."
"Resistance confluence at 2,362: previous high + 0.618 Fib + upper Bollinger."
"USOIL: bearish structure. Target 1: 70.20. Stop: close above 74.50."
"Conviction: 8.2/10. Three agents agree on direction. One diverges on timing."
✕ Not This
"Our powerful AI technology gives you an edge in the market."
"We think it might go up based on our advanced analysis."
"There's a significant resistance zone somewhere around 2,350–2,400."
"Oil looks weak. Could drop. Watch it carefully."
"Most of our agents agree this is probably a good trade."
Tone by Context
Context Tone Example
Market Analysis Authoritative, factual "RSI divergence on H4 + price rejection at 2,380 = elevated reversal probability."
Social / Telegram Direct, punchy "XAUUSD Watch: 2,380 is the line. Above → continuation. Below → reassess."
Error States Honest, constructive "Data unavailable for this instrument. Retrying in 30s. Manual override available."
Onboarding Clear, welcoming "6 specialized agents, one converged view. Start by selecting your instrument."
Risk Warnings Direct, unambiguous "High-risk setup. Invalidation at 2,398 is 2.3% away. Position size accordingly."
Vietnamese (VI) Professional, local nuance "Xu hướng tăng còn nguyên vẹn. Cản mạnh tại 2,362. Chiến lược: mua đợt kéo về."
Chapter 11

Applications & Mockups

The brand in the world. How it looks across every touchpoint — from a browser tab to a business card. Every surface a consistent statement.

1 — Website Hero Section
DATFX LABS
Analysis Markets Pricing
MULTI-AGENT MARKET INTELLIGENCE
Six Agents.
One Decisive View.
Technical, Macro, and Sentiment streams converging into a single, structured market analysis — in seconds.
XAUUSD M15 2,345.67
R1: 2,362.40
S1: 2,318.20
R2: 2,380.00
S2: 2,300.00
Bullish structure confirmed. RSI momentum divergence. Watch 2,362 breakout.
● Bullish · 7.9/10 6 agents · 14:32
DATFX Labs
@datfxlabs_bot
🔔 XAUUSD Analysis · M15
2026-03-29 · 14:32 UTC
BULLISH BIAS · 7.9/10
Bias above 2,318
R1: 2,362.40 · R2: 2,380
S1: 2,318.20 · S2: 2,300
6 agents converged · 3 bullish · 2 neutral · 1 bearish
14:32 ✓✓
DATFX
L A B S
Nguyen Van Dat
Lead Market Intelligence Analyst
[email protected] · datfx.io
Nguyen Van Dat
Lead Market Intelligence · DATFX Labs
datfx.io · Multi-Agent Market Intelligence
DATFX
L A B S
DATFX LABS
Multi-Agent Market Intelligence
2026-03-29
Market Intelligence Report
XAUUSD · Intraday · 2026-03-29
Chapter 12

Hidden Mathematics

Beneath the surface of every design decision is a mathematical structure. This is not aesthetic choice — it is the DNA of the brand, encoded in ratio and sequence. Simple. Deep. Like water itself.

Golden Ratio — φ in the Logo
a b φ = 0.618h Insight base: 14px apex: 3px
Apex Position
y = 200 × (1 − 0.618) = 76px
The golden section of the 200px viewBox height
Taper Ratio
14 ÷ 3 ≈ 4.67 ≈ φ²·⁵
Base width to apex width ratio approximates φ-power
Type Scale
16 × φ = 25.9 ≈ 26px
Each type level is base × φⁿ, rounded to nearest 2px
Spacing Ratios
8 · 13 · 21 · 34 · 55px
All spacing values are Fibonacci numbers
The Birth Year DNA
1 + 9 + 8 + 3 = 21
21 is Fibonacci
F(8) in the sequence
8, 13, 21, 34, 55...
21 = 3 × 7
Three streams × seven
3 analysis types · lucky prime 7
21 ÷ 13 ≈ φ
21 / 13 = 1.615
Approaches golden ratio as n→∞
Golden Angle & Three-Stream Positioning
Technical Macro Sentiment 137.5°
137.5077...°
The Golden Angle
The golden angle is 360° × (1 − 1/φ) = 137.508°. It is the angle at which sunflower seeds, pine cone scales, and nautilus spirals arrange for maximum efficiency — never repeating, always filling space.
The three analysis streams are positioned at golden angle intervals when viewed in a circular arrangement — Technical, Macro, and Sentiment each separated by 137.5°, ensuring no two streams "crowd" the same conceptual space.
360° ÷ φ² = 360° ÷ 2.618 = 137.508°
The Final Equation
"Simple but deep —
like water itself."
The mathematics is invisible to the viewer.
But they feel it. That is the point.
φ = 1.618
21 = F(8)
137.5° = golden angle
1983 = Quý Hợi