BRAND WHAT
MATTERS.
A deliberate exercise in self-definition, stripping away the layers to showcase the genuine skills, character, and passion that truly count.
01
Intentional Velocity
Speed is nothing without direction. We move fast because we know exactly where we are going. No guessing.
02
Code as Craft
The code you don’t see is as important as the pixel you do. Clean, scalable, and built to survive growth.
03
Radical Ownership
I don’t outsource thinking. Every line of code, every design decision, is owned, defended, and delivered.
Logomark & Construction
The visual anchor. Simple, geometric, and balanced. It represents stability and structural integrity.
BH
PRIMARY / LIGHT ON DARK
BH
SECONDARY / DARK ON LIGHT
Typography
PRIMARY DISPLAY
Inter / Roboto
Aa Bb Cc
Bold / 800 — Used for primary headlines.
TECHNICAL / DATA
JetBrains / Fira Code
print(“Hello”);
Regular / 400 — Used for code blocks, metrics, and labels.
Voice
Direct & Confident
DO
“I build applications that scale.”
State the facts. Own the expertise.
Vague or Hyperbolic
DON’T
“I am a passionate guru creating dreamscapes.”
Avoid fluff words like ‘guru’, ‘ninja’, or ‘dream’.
Color Palette
Brand Colors
Electric Violet
#8b5cf6
Primary Action / Brand Color
Void
#0a0a0a
Background / Darkest Depth
Charcoal
#171717
Card Background / Panels
Concrete
#262626
Borders / Dividers
Titanium
#ffffff
High Contrast Text
Steel
#9ca3af
Secondary Text / Accents
Signal Success
#10b981
Operational / Positive
Alert
#ef4444
Errors / Attention
Info Blue
#3b82f6
Information / Links
Gradient Styles
Atmospheric Depth
Violet Aurora
Neon Horizon
Success Glow
Alert Pulse
Dark Radial
Titanium Shine
Typography
Type System
Primary Font
Plus Jakarta Sans
Heading Level 1
Heading Level 2
Heading Level 3
Heading Level 4
Heading Level 5
Heading Level 6
Body & Monospace
Plus Jakarta Sans
JetBrains Mono
Lead Paragraph: Typography is the voice of your brand. It conveys meaning, hierarchy, and emotion.
Regular Paragraph: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Design is not just what it looks like and feels like. Design is how it works.
Steve Jobs
// Monospace Code Example
function hello_world() {
return "Hello, World!";
}Partnerships
Trusted By
Components
UI Kit
Buttons
Separators
Thin
Fade Through
Shimmer (Animated)
Interactive Cards
Expandable Details Card
This details block uses the custom “Card” style with hover lift animations.
Highlight Accordion
This details block uses the “Highlight” style with a left border accent.
Tables
| Metric | Value |
|---|---|
| Growth | +125% |
| Users | 50k+ |
| Total | Very Good |