NI · Visual Identity System v2.0
NI
NAKIBUL ISLAM · VISUAL IDENTITY SYSTEM
VERSION 2.0 · HIGH VISIBILITY EDITION
"My money is already at the table."
COLOR PALETTE TYPOGRAPHY LOGO RULES SOCIAL SPECS VIDEO GUIDE
01 · PHILOSOPHY
BRAND
VISION
Three pillars. Every visual decision traces back to one of these.
01
SERIOUS
WEALTH
Like Bloomberg terminals and private banker offices — not fintech bright, not influencer pastel. Authoritative. Heavy. Earned.
02
EARNED
CREDIBILITY
Every visual choice signals expertise accumulated through execution, not decoration. Substance over flash, always.
03
CULTURAL
ROOTS
Built in Bangladesh, reaching global. The brand honors its origin while operating at the highest international standard.
THE FEELING
"My money is already at the table."
THE MESSAGE
"Results, not promises."
THE VISUAL TONE
"Premium, not loud."
AUTHORITY
PRECISION
AMBITION
HERITAGE
RESULTS
TRUST
02 · COLOR PALETTE
THE COLOR
SYSTEM
v2 update: All secondary text and accent values are bumped for WCAG AA compliance on mid-range and low-end screens.
INK
#080809
Primary Dark Background
60% of all compositions
■■■■■■ 60%
AA+
INK CARD
#111115
Card Surfaces
Clearly distinct from pure ink
■ Depth layer
NEW v2
INK RAISED
#1A1A20
Hover states, tags, active UI
Visible depth on any screen
■ UI elements
NEW v2
AMBER
#E07B0A
Signature Accent
Hero moments, logos, marks
■ 10%
SIGNATURE
AMBER BRIGHT
#FF9020
Small text on dark
Labels, stats, eyebrows
7:1 contrast ratio
NEW v2 · LOW-END SAFE
WHITE
#FFFFFF
Hero text on dark only
Maximum contrast headlines
21:1 contrast ratio
HERO TEXT
TEXT/DARK
#F0EBE0
Body copy on dark
Warm white, easier on eyes
18.5:1 contrast
BODY COPY
SUBTEXT
#B8B0A6
Secondary copy on dark
Descriptions, captions
4.8:1 · AA ✓
v2 UPGRADE
PAPER
#F5F0E8
Primary Light Background
Section breaks, breathing space
■■■■ 25%
LIGHT BG
GREEN
#1E9147
Success / Metrics only
Never decorative
v2: +5% luminance
METRICS ONLY
BLUE
#1E5A96
Trust / References only
Clickable links in posts
v2: +5% luminance
LINKS ONLY
CONTRAST RATIOS — SCREEN VISIBILITY CHECK
COMBINATION PREVIEW RATIO WCAG USE CASE
White on Ink HEADLINE 21:1 AAA All hero headlines
Amber Bright on Ink LABEL 7.2:1 AAA Labels, mono text, stats
Body Warm on Ink Body text 18.5:1 AAA All paragraph copy
Subtext on Ink Caption 4.8:1 AA Secondary copy 14px+
Ink text on Amber CTA 6.8:1 AAA Buttons, CTA bars
Ink text on Paper Reading 18.7:1 AAA Light section body text
USAGE FREQUENCY — COMPOSITION GUIDE
INK (backgrounds, large text)60%
PAPER / CREAM (rest + contrast)25%
AMBER (hero moments, CTAs, marks)10%
GREEN / BLUE (functional only)5%
■ THE AMBER RULE — NON-NEGOTIABLE
One amber element per composition.
Amber is power. Overuse kills it.
03 · TYPOGRAPHY
TYPE
SYSTEM
DISPLAY
Bebas Neue · Anton · Weight 700 only
GROW OR
GET LEFT.
Sizes48 · 60 · 80 · 96px
Tracking0 to –2px
UseHero, section titles, callouts
Min mobile32px (never below)
BODY
Inter · Weight 400 Regular · 600 SemiBold
Your audience decides in 3 seconds whether they trust you. Every word either builds authority or destroys it. Make it count.
Sizes14 · 16 · 18 · 20px
Tracking0px neutral
UseAll paragraph text, descriptions
Min mobile15px (for low-end screens)
ACCENT / LABEL
JetBrains Mono · Weight 400 · 700
■ 2,40,00,000
ANNUAL REVENUE TARGET
Sizes10 · 11 · 12 · 14px
Tracking+1 to +3px
UseLabels, data, numbers, tags, CTAs
Min mobile11px + letter-spacing
BENGALI
Hind Siliguri · Noto Sans Bengali · Weight 400 · 600
আমার অর্থ ইতিমধ্যে টেবিলে আছে।
ফলাফল, প্রতিশ্রুতি নয়।
SizesMatch English counterpart
TrackingDefault — never modify
UseAll Bangla copy — headings & body
Min mobile16px for readability
■ BANGLADESH SCREEN REALITY
The majority of your audience uses mid-range and budget Android devices (400–720p screens, often with lowered brightness). Minimum body text is 15px. Never use muted grey text below 14px. Amber labels must be Amber Bright (#FF9020) at small sizes. Test your graphics on a dim screen before publishing.
04 · LOGO SYSTEM
THE NI
MARK
The logo files are final. These rules protect them.
NI
PRIMARY — ON DARK
NI
REVERSED — ON LIGHT
SIZE RULES
MINIMUM
24px
Never below this — legibility breaks
DIGITAL STD
48px
App icons, profiles, social avatars
PRINT STD
25mm
Business cards, letterhead, docs
HERO
120px+
Website hero, presentations, OOH
✓ LOGO DO
✓Use on pure Ink (#080809) background
✓Use reversed version on Paper/Cream
✓Maintain minimum ½ logo width clear space
✓Use provided logo files only — never recreate
✓Scale proportionally always
✕ LOGO DON'T
✕Recolor to any off-brand color
✕Stretch or distort proportions
✕Add drop shadows, glows, or outlines
✕Place on busy photographic backgrounds
✕Rotate or flip the mark
05 · COLOR PAIRINGS
APPROVED
COMBOS
Only these combinations. Everything else is off-brand.
NAKIBUL ISLAM
PRIMARY HERO — Ink + White + Amber
CTA NOW
CTA STANDARD — Amber + Ink
Your audience decides in 3 seconds whether they trust you.
LIGHT READING — Paper + Ink Text
+৳৪২,০০,০০০
METRIC — Card + Success Green
ডিজিটাল বিপণন এবং ব্যবসায়িক কৌশল আপনার ব্র্যান্ডকে এগিয়ে নিয়ে যাবে।
BENGALI BODY — Ink + Warm White
■ REFERENCE
digipremium.agency
LINK — Raised + Trust Blue
06 · SOCIAL MEDIA
SOCIAL
SPECS
Every post. Every story. Every reel. These rules don't bend.
📱
DESIGNED FOR REAL BANGLADESHI SCREENS
Most viewers use phones with 5–6" screens, 400–720p resolution, and often view in partial brightness or outdoor sunlight. These specs ensure maximum legibility across all conditions.
Min headline: 36px
Min body: 15px
Min label: 11px
Contrast: 4.5:1+
Safe zone: 10% margin
CANVAS SIZES
INSTAGRAM · FEED
1080×1080
Square. Most viewed at 400px on mobile. Keep all text within 80% frame.
INSTAGRAM · PORTRAIT
1080×1350
4:5 ratio. More screen real estate. Best for text-heavy posts.
REELS / TIKTOK / SHORTS
1080×1920
Full vertical. Keep NI mark top-right. CTA in bottom safe zone.
FACEBOOK · FEED
1200×630
Landscape. Compressed on mobile — keep text large and central.
YOUTUBE · THUMBNAIL
1280×720
Must read at 120px wide (mobile search). Use single bold word + face.
STORIES / STATUS
1080×1920
Top 250px = time/name UI. Bottom 250px = links. Keep content middle.
FACEBOOK & INSTAGRAM — COMPOSITION RULES
STATIC POST
Feed Post
  • Ink background always — never off-white or grey
  • One amber element max per frame (CTA or stat)
  • Headline: Bebas Neue or Anton, all-caps, White only
  • Body copy: Inter 400, minimum 15px for mobile
  • Sub-text: #B8B0A6 — never darker (invisible on low-end)
  • NI mark: bottom-right corner, minimum 48px
  • No more than 2 colors visible per frame
VIDEO / REEL
Reels & Video
  • Open on dark (Ink) — amber flash for hook in 1st second
  • Lower thirds: Ink bg + White name + Amber Bright label
  • Transitions: cut or fade-to-black only — no wipes
  • B-roll: desaturate 15–20% for cohesion
  • Captions: #F0EBE0 (warm white) on Ink — never grey
  • End card: NI mark + amber CTA bar + website URL
  • Color grade: warm-dark (shadow tint warm brown)
THUMBNAIL
YouTube Thumb
  • 3-element max: face + big text + amber highlight
  • Headline: 1–3 words only, Bebas Neue, 180px+ on canvas
  • Test legibility at 120px width (mobile preview size)
  • Ink or Paper background only
  • Amber for ONE number or word — never text blocks
  • Face lit with warm key light for on-brand look
STORY
Stories / Status
  • Content stays within middle 60% of frame
  • Background: full-bleed Ink — never gradients
  • Swipe-up area: amber bar with Ink text CTA
  • Sticker/emoji: avoid — dilutes premium feel
  • Text over face: never — use side layout
  • Duration: 5–7 seconds per text-heavy slide
07 · VIDEO & EDITING
VIDEO
SYSTEM
Every frame should feel like it came from the same world. Heavy. Dark. Amber-lit.
LOWER THIRD — LIVE PREVIEW
NAKIBUL ISLAM
■ banglascale.academy
NAKIBUL ISLAM
■ ENTREPRENEUR · DIGITAL STRATEGIST
NI
COLOR GRADE
Grade Settings
  • Shadows: warm brown tint (not cool/blue)
  • Highlights: slightly desaturated (never blown)
  • Skin tone: +5 orange warmth in HSL
  • Saturation: –10 overall, then +20 on orange only
  • Contrast: +15 — punchier on low-end screens
  • Black point: crush to true black for Ink match
TEXT ON SCREEN
On-Screen Text
  • Lower third bg: #080809 at 90% opacity minimum
  • Name text: White (#FFFFFF) — never cream for video
  • Title text: Amber Bright (#FF9020) in JetBrains Mono
  • Caption font: Inter 400, 16px min, warm white
  • Caption bg: Ink at 75% opacity — always present
  • Highlight word: swap to amber for emphasis only
MOTION
Motion Rules
  • Transitions: hard cut or fade-to-black only
  • No: wipes, swipes, spins, glitch effects
  • Lower third entry: slide from left, 0.3s ease-out
  • Text appear: fade up, 0.2s — never pop or zoom
  • B-roll cuts: every 2–4 seconds max for mobile
  • Pacing: edit to word rhythm, not music beats
END CARD
End Card Layout
  • Background: full Ink (#080809)
  • NI mark: center, 120px min
  • Amber bar: bottom 15% of frame with CTA
  • Website: JetBrains Mono, Amber Bright, below mark
  • Socials: small icons, white, bottom safe zone
  • Duration: minimum 5 seconds — never rush the exit
■ CAPTION / SUBTITLE SPEC FOR BANGLADESHI AUDIENCE
Use open captions (burned in). Font: Inter SemiBold 600. Size: 18–22px on 1080p canvas. Color: #F0EBE0 on ink background strip. Max 2 lines per frame. Max 7 words per line. Word emphasis in Amber Bright (#FF9020). This ensures readability on 360p–480p playback quality — common on mobile data.
08 · GRAPHICS
GRAPHICS &
THUMBNAILS
✓ ALWAYS DO
✓Ink or Paper — no other backgrounds
✓Amber for ONE element only per graphic
✓Hierarchy: Display headline → Body → Mono label
✓Generous negative space — premium breathes
✓Success Green only for upward metrics
✓Trust Blue only for clickable links
✓Test on 400p screen before publishing
✓Amber Bright for any label under 14px
✕ NEVER DO
✕Grey text on dark — invisible on low-end screens
✕More than 2 accent colors in one graphic
✕Pure #5A5450 muted grey for text at any size
✕Busy backgrounds behind text
✕Decorative use of Green or Blue
✕Gradient backgrounds (except subtle amber glow)
✕White text smaller than 14px on video
✕More than 3 typefaces in one composition
■ PREMIUM PRINCIPLE
Minimal elements. Maximum impact.
Negative space is not empty — it is authority.
NI
"My money is already at the table." — The feeling every visual should communicate.
digipremium.agency  ·  banglascale.academy  ·  Visual Identity System v2.0  ·  © NI BRANDS 2025–26  ·  INTERNAL USE ONLY