01 / Logo
The 5-Dot Mark — Exploration
Five configurations tested. Each arrangement carries different weight, rhythm, and implied motion.
3 × 2 Grid
Wide and stable. Reads as a progress bar or data table. Too horizontal — lacks upward energy.
Rejected
2 × 3 Column
Tall, aspirational. The gap top-right creates breathing room. Gold bottom-left anchors and starts the journey upward.
Chosen
L-Shape
Strong foundation, vertical growth. Too architectural — feels like a building block, not wealth.
Rejected
Diagonal
Implies upward trajectory like a chart line. But loses grid regularity — harder to reproduce consistently.
Rejected
Cross
Centred and balanced. Too symmetrical — no tension, no narrative. Feels medical or religious.
Rejected
02 / Rationale
Why This Configuration
The 2-column × 3-row grid with intentional absence and a golden anchor.
Empty = Potential
Gold = Starting Point
White = Built Wealth
"The empty space represents potential. The gold dot represents the starting point of wealth."
The Empty Space
The top-right void isn't missing — it's the space yet to be filled. It represents the investor's future, their unrealized potential. In a 2×3 grid of 6 positions, only 5 are occupied. The sixth is an invitation.
The Gold Dot
Positioned at bottom-left — the starting point. Gold against white signals the first investment, the seed capital. From this position, wealth builds upward and outward. It's the only dot with colour because it's the only one that acts.
Five Dots, Five Pillars
The five dots echo Lakshmi's five forms of prosperity — Dhana (monetary wealth), Dhanya (food/grain), Santana (progeny), Gaja (elephants/power), and Vidya (knowledge). BYLD builds all five.
Vertical Rhythm
The 2-column layout is taller than wide — it reads upward. Growth, ambition, compounding. Unlike the 3×2 which reads as a spreadsheet, this reads as aspiration.
03 / Construction
Construction Grid
Precise spacing ensures the mark is consistent across all sizes — from favicon to billboard.
12px dots
•
3px gap
•
27 × 42px total
20px dots
•
5px gap
•
45 × 70px total
28px dots
•
7px gap
•
63 × 98px total
Dot Spacing Scale
| Size | Dot ⌀ | Gap | Total W | Total H | Use |
|---|---|---|---|---|---|
| XS | 8px | 2px | 18px | 28px | Favicon, tab icon |
| SM | 12px | 3px | 27px | 42px | Nav bar, app header |
| MD | 20px | 5px | 45px | 70px | Cards, marketing |
| LG | 28px | 7px | 63px | 98px | Hero, splash screen |
| XL | 40px | 10px | 90px | 140px | Print, presentation |
Proportional Relationship
| Property | Formula | Ratio |
|---|---|---|
| Gap to Dot | gap = dot × 0.25 | 1:4 |
| Width | (dot × 2) + gap | — |
| Height | (dot × 3) + (gap × 2) | — |
| Aspect Ratio | W:H ≈ 9:14 | 0.643 |
Clear Space
Minimum clear space around the mark equals 1 dot diameter on all sides. No text, graphics, or container edges may enter this zone. For the wordmark lockup, the space between mark and wordmark is 1.5 dot diameters.
04 / Tiers
Tier Color Variants
The 5-dot mark adapts to each BYLD tier — same structure, different colour identity.
On Dark Background
BYLD
Master
#000 + Gold
BYLD
Edge
#5D4749
BYLD
Core
#034F93
BYLD
Legacy
#550372
BYLD
Markets
#566B30
On Light Background
BYLD
Master
#000 + Gold
BYLD
Edge
#5D4749
BYLD
Core
#034F93
BYLD
Legacy
#550372
BYLD
Markets
#566B30