Marka Rehberi — Saim App

01 — Marka Hikayesi

Logo'nun Doğuşu

Her büyük markanın arkasında bir hikaye vardır. saimapp logosu, yazılımın evrensel dilinden doğdu.

Her şey iki sembolle başladı: < ve >

Dünyadaki her yazılımcı bu iki karakteri tanır. HTML'in ilk satırı, bir koşulun iki tarafı, bir verinin akış yönü — hepsinde bu iki sembol vardır. Onlar kodun DNA'sıdır.

Üst chevron < sağdan sola akar — alttaki > soldan sağa.

İki zıt yönde akan bu akış, ortada kesiştiğinde bir S harfi ortaya çıkar. "Saim"in S'i. Ama bu S sadece bir harf değil — iki farklı dünyanın (kod ve sanat, oyun ve çözüm) buluşma noktasıdır.

Keskin açılar yumuşak uçlarla buluşur.

Chevron'ların köşeleri yuvarlatılmıştır. Bu, saimapp'in felsefesini yansıtır: teknik hassasiyet ve insani dokunuşun birleşimi. Kod yazarız ama sanat üretiriz.

< + > = S

"Koddan Sanata, Oyundan Çözüme"

02 — Logo Sistemi

Birincil Logo

saimapp logosu ikon ve yazıdan oluşur. Birlikte ve ayrı kullanılabilir.

Arka Plan Uyumları

saimapp

Sadece İkon Varyantları

03 — Renk Paleti

Kurumsal Renkler

Birincil renkler marka kimliğini tanımlar. İkincil renkler destek ve durum bildirimi için kullanılır.

Birincil

Neon Blue

#00D4FF
Birincil vurgu, CTA, linkler, "app" yazısı

Cyber Purple

#A855F7
İkincil vurgu, gradient bitiş, hover

Void Black

#050510
Ana arka plan, dark mode varsayılan

İkincil

Pink

#EC4899
Aksan

Green

#10B981
Başarı

Amber

#F59E0B
Uyarı

Red

#EF4444
Hata

Void 800

#0A0A1A
Kart

Void 700

#10102A
Yüzey

Gradientler

Birincil
#00D4FF → #A855F7 · 135°

Üçlü
#00D4FF → #A855F7 → #EC4899

Glassmorphism
white/6% → transparent

04 — Tipografi

Font Sistemi

İki font ailesi: gövde için Inter, kod ve logo için JetBrains Mono.

Inter — Gövde Fontu

Koddan Sanata

AaBbCcDdEeFf 0123456789

LightRegularSemiExtraBold

Başlıklar, paragraflar, butonlar, navigasyon

JetBrains Mono — Kod & Logo

saimapp

AaBbCcDdEeFf 0123456789

RegularMediumBold

Logotype, etiketler, kod blokları, badge'ler

05 — Kullanım Alanları

Nerede Ne Kullanılır?

Her ortama uygun logo varyantı.

Web — Navbarİkon + logotype, gradient S, koyu zeminİkon + Yazı

Web — Footerİkon + logotype, gradient S, koyu zeminİkon + Yazı

FaviconSadece chevron S, SVG gradient, 32x32Sadece İkon

App StoreDolgulu squircle içinde beyaz S, 1024x1024App Icon

Sosyal MedyaDolgulu daire, gradient, koyu SFilled Circle

OG ImageKoyu zemin, büyük ikon + logotype, 1200x630İkon + Yazı

E-posta İmzasıGradient ikon + yazı, açık zemin uyumluİkon + Yazı

KartvizitMonochrome siyah ikon + yazı, beyaz kağıtMono

SunumGradient ikon + yazı, slayt köşesine küçükİkon + Yazı

WatermarkSadece ikon, %10 opaklıkSadece İkon

06 — Doğru & Yanlış Kullanım

Logo Kuralları

Marka tutarlılığı için bu kurallara uyun.

saimapp

Doğru — Tümü küçük harf

SaimApp

Yanlış — Büyük harf kullanmayın

saimapp

Doğru — Birleşik yazılır

saim app

Yanlış — Boşluk bırakmayın

saimapp

Doğru — Orijinal oranlar

saimapp

Yanlış — Oranları bozmayın

07 — UI Dili

Tasarım Prensipleri

Glassmorphism

Yarı saydam arka planlar, bulanık cam efekti, ince kenarlıklar.

Dark Mode Varsayılan

Void Black ana zemin. Neon renkler koyu üzerinde parlar.

Mikro Animasyonlar

GSAP scroll-trigger, hover glow, SPA geçişleri. 200-500ms ease.

08 — Minimum Boyutlar

Ölçek Kuralları

Dijital — İkon

min 16px

saimapp

Dijital — Tam Logo

min 80px

Baskı — İkon

min 10mm

saimapp

Baskı — Tam Logo

min 25mm