Brand Guidelines
Zafer
Teber
v1.0February 2026zaferteber.com
01 — Color Palette
Colors
Black and white dominant. Color is used only for emphasis and guidance.
Primary Colors
Accent Blue#0071e3Light theme accent
Accent Blue Dark#0a84ffDark theme accent
Purple#5856d6Gradient midpoint
Violet#af52deGradient endpoint
CTA Green#10b981Action buttons
LinkedIn Blue#0A66C2LinkedIn button
Neutral Scale
Black#000000Dark background, headings
Rich Black#1d1d1fPrimary text (light)
Gray 60#6e6e73Secondary text
Gray 40#98989dTertiary text
Gray 20#d2d2d7Lines, borders
Off White#f5f5f7Secondary background
White#ffffffPrimary background
02 — Gradients
Gradient
System
Three-point transition at 135°. The most defining element of the brand identity.
Accent — Light Theme#0071e3 → #5856d6 → #af52de
Accent — Dark Theme#0a84ff → #5e5ce6 → #bf5af2
CTA Button#10b981 → #059669
Language Toggle#3b82f6 → #8b5cf6 → #a855f7
03 — Typography
Inter
Geometric sans-serif. High readability, wide weight scale.
Zafer Teber
Corporate Sales & BD
Weight Scale
800 · ExtraBold · -2px
Headings, name
700 · Bold · -1px
Section titles
600 · SemiBold · 0
Buttons, labels
500 · Medium · 0
Navigation, emphasis
400 · Regular · 0
Body, descriptions
300 · Light · 0
Subtitle, tagline
Font Stack
'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif
04 — Theme System
Light &
Dark
Auto theme detection and manual toggle.
Dark Theme
Secondary BG — rgba(…0.02)
05 — Components
UI
Elements
Button hierarchy and core interaction styles.
Buttonlar
padding: 0.85rem 2rem · font-weight: 600 · border-radius: 50px · transition: 0.3s
Glassmorphism Nav
06 — Spacing & Radius
Corners
Minimum decoration. Clean lines and limited rounding.
Border Radius
Box Shadow
07 — Business Card
Business Card
85 × 50 mm. Two color variants. QR code for site access.
Dark Version — Primary
Zafer Teber
Corporate Sales & BD
ZT
Corporate Sales & BD
zaferteber.com
Light Version — Alternative
Zafer Teber
Corporate Sales & BD
ZT
Corporate Sales & BD
zaferteber.com
08 — Social Media
Digital
Assets
Consistent identity across all platforms. Username: @zaferteber
Profile Photo Alternatives
Profesyonel
Portre
A — Photo
Face-centered · Neutral bg
Circular · 400×400px
ZT
B — Dark Monogram
Inter 800 · White on Black
Circular · 400×400px
ZT
C — Light Monogram
Inter 800 · Black on White
Circular · 400×400px
Platform Sizes
Cover Image Alternatives
A — Black Minimal
Zafer Teber
Corporate Sales & BD
B — White Clean
Zafer Teber
Corporate Sales & BD · zaferteber.com
C — Split Dual
Zafer Teber
zaferteber.com
ZT
D — Gradient Line
Zafer Teber
Corporate Sales & BD
zaferteber.com
09 — Usage Rules
Do's &
Don'ts
Core rules for brand consistency.
Do
- Always apply gradient at 135°
- Use Inter font across all digital assets
- Use #0a84ff in dark, #0071e3 in light theme
- Use border-radius: 50px on buttons
- Use negative letter-spacing on headings
- Always display profile photo as circular
- Use generous whitespace — minimal feel
- Black-white dominant, color for accent only
- Use same profile image across all platforms
- Generate QR codes with brand colors
Don't
- Don't alter gradient colors or order
- Don't use any font other than Inter
- Don't mix dark and light theme colors
- Don't display profile photo as square
- Don't convert monogram gradient to flat
- Don't use font weight below 300
- Don't clutter surfaces with decoration
- Don't use 4+ font weights on one page
- Don't use brand colors below 50% opacity
- Don't use different usernames across platforms
Digital
Assets
Consistent identity across all platforms. Username: @zaferteber
Portre
Circular · 400×400px
Circular · 400×400px
Circular · 400×400px