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.
Primary
Bright
Dark
Light
Shape Variants
Square (18% radius)
Circle (50% radius)
Wordmark
Both "Startup" and "Istanbul" are the same color. Visual hierarchy comes from weight difference only (400 vs 700).
StartupIstanbul
StartupIstanbul
StartupIstanbul
Lockups
StartupIstanbul
Primary Horizontal
StartupIstanbul
Dark Horizontal
Size Scale
16px
24px
32px
48px
64px
80px
100px
Color Palette
Primary Colors
Neutral Colors
Accessibility (WCAG 2.1)
| Combination | Ratio | WCAG AA |
|---|---|---|
| Primary Red on White | 5.9:1 | Pass |
| Bright Red on Black | 5.2:1 | Pass |
| White on Primary Red | 5.9:1 | Pass |
| Black on White | 21:1 | Pass |
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
| Level | Size | Weight | Line Height |
|---|---|---|---|
| Display | 48px | 700 | 1.1 |
| H1 | 34px | 700 | 1.15 |
| H2 | 24px | 600 | 1.3 |
| H3 | 20px | 600 | 1.3 |
| Body | 16px | 400 | 1.7 |
| Small | 14px | 400 | 1.5 |
| XSmall | 12px | 500 | 1.4 |
Clear Space & Minimum Sizes
Clear Space
Minimum clear space equals 50% of the SI icon height on all sides.
StartupIstanbul
Dashed border = minimum clear zone (50% of icon height)
Minimum & Recommended Sizes
| Context | Icon Size | Lockup Width |
|---|---|---|
| Minimum (digital) | 16px | 120px |
| Minimum (print) | 8mm | 30mm |
| Website header (desktop) | 40px | — |
| Website header (mobile) | 32px | — |
| Favicon | 32px | — |
| App icon | 512px | — |
| Social avatar | 400px | — |
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
StartupIstanbul
White
StartupIstanbul
Light Gray
StartupIstanbul
Black
Download Brand Kit
Get all logo files, icons, wordmarks, and lockups in PNG and SVG formats.
Download Brand Kit (.zip)