Skip to content

Brand Guidelines

Version 2.1 — February 2026

Logo System

Our logo system consists of three core elements: the SI Icon, the Wordmark, and their Lockup combinations.

SI Icon

The SI monogram uses DM Sans Bold at 55% of the container height, inside a rounded rectangle with 18% border radius.

SI
Primary
#C41E3A bg, white text
SI
Bright
#E8201A bg, white text
SI
Dark
#0A0A0A bg, white text
SI
Light
#FFFFFF bg, black text

Shape Variants

SI
Square (18% radius)
Default — favicons, app icons
SI
Circle (50% radius)
Social media avatars

Wordmark

Both "Startup" and "Istanbul" are the same color. Visual hierarchy comes from weight difference only (400 vs 700).
StartupIstanbul
Primary Red — light backgrounds
StartupIstanbul
White — dark backgrounds
StartupIstanbul
Bright Red — alternative

Lockups

SI
StartupIstanbul
Primary Horizontal
Light backgrounds
SI
StartupIstanbul
Dark Horizontal
Dark backgrounds

Size Scale

SI
16px
SI
24px
SI
32px
SI
48px
SI
64px
SI
80px
SI
100px

Color Palette

Primary Colors

Neutral Colors

Accessibility (WCAG 2.1)

CombinationRatioWCAG AA
Primary Red on White5.9:1Pass
Bright Red on Black5.2:1Pass
White on Primary Red5.9:1Pass
Black on White21:1Pass

Typography

Primary Font: DM Sans

DM Sans
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Font Weights

400 StartupIstanbul Body, "Startup"
500 StartupIstanbul Navigation
600 StartupIstanbul Buttons
700 StartupIstanbul Headings, "Istanbul"

Type Scale

LevelSizeWeightLine Height
Display48px7001.1
H134px7001.15
H224px6001.3
H320px6001.3
Body16px4001.7
Small14px4001.5
XSmall12px5001.4

Clear Space & Minimum Sizes

Clear Space

Minimum clear space equals 50% of the SI icon height on all sides.

SI
StartupIstanbul
Dashed border = minimum clear zone (50% of icon height)

Minimum & Recommended Sizes

ContextIcon SizeLockup Width
Minimum (digital)16px120px
Minimum (print)8mm30mm
Website header (desktop)40px
Website header (mobile)32px
Favicon32px
App icon512px
Social avatar400px

Usage Guidelines

Do
  • Use official logo files
  • Maintain clear space
  • Use approved color combinations
  • Keep proportions intact
  • Ensure sufficient contrast
  • Use appropriate size for context
Don't
  • Stretch or distort the logo
  • Rotate the logo
  • Add drop shadows or effects
  • Use unapproved colors
  • Place on busy backgrounds
  • Modify letter spacing
  • Rearrange logo elements
  • Add outlines or strokes

Background Usage

SI
StartupIstanbul
White
SI
StartupIstanbul
Light Gray
SI
StartupIstanbul
Black

Download Brand Kit

Get all logo files, icons, wordmarks, and lockups in PNG and SVG formats.

Download Brand Kit (.zip)

120 files — logos, favicons, app icons, social assets, SVGs