# Cielest — Marka ve kullanım rehberi

## Kimlik
Cielest; siber güvenlik, ağ altyapısı ve yapay zekâ ürünleri geliştiren teknoloji markasıdır. Görsel yaklaşım: sakin, güvenilir, teknik ve kurumsal. Logo iki kavisli parçayla C harfini oluşturur. Logotip küçük harfle `cielest`, metin içinde marka `Cielest` yazılır.

## Ana renk paleti

| Rol | HEX | RGB | Kullanım |
|---|---|---|---|
| Ana marka yeşili | #0B332D | 11, 51, 45 | Logo, ana buton, başlık ve navigasyon |
| Derin yeşil | #071D1A | 7, 29, 26 | Koyu bölüm ve footer |
| Beyaz | #FFFFFF | 255, 255, 255 | Ana zemin, ters logo |
| Yumuşak zemin | #F3F7F5 | 243, 247, 245 | Bölüm ve kart zemini |
| Sınır | #D8E4DF | 216, 228, 223 | Ayırıcı, dekoratif kart sınırı |
| İkincil metin | #526760 | 82, 103, 96 | Açıklamalar |
| Vurgu — sınırlı | #00FFBF | 0, 255, 191 | Koyu zeminde küçük vurgu, durum grafiği |

Ana logonun kesin rengi #0B332D'dir. Vektör dosyalarında dolgu bu değere sabitlenmiştir. PNG kenarlarında yumuşatma nedeniyle ara alfa değerleri bulunur; bu renk değişikliği değildir. Neon vurgu ana logo rengi yerine geçmez; beyaz üzerinde küçük metin olarak kullanılmaz. Başarı/hata yalnız renk ile anlatılmaz; metin ve ikon eklenir.

## Web fontu önerisi
**Manrope** önerilir. Geometrik yapısı ve dolgun yuvarlak harfleri logonun karakterine yakındır; bu, görsel uyum önerisidir ve logodaki yazının birebir font tespiti değildir. Logo yazısı dosyalarda kontura çevrilmiştir; Manrope ile yeniden yazılmamalıdır.

- Başlık: Manrope 700; büyük hero başlığı 700–800.
- Menü ve buton: 600.
- Gövde: 400–500, 16–18 px, satır yüksekliği 1.6.
- Küçük etiket: 500–600, 12–14 px.
- Başlıklarda harf aralığı yaklaşık -0.025em; gövdede normal.
- Türkçe örnek QA: `Çığ, öğüt, şifre, güvenlik, İletişim, ıİşŞğĞüÜöÖçÇ`.

Resmî kaynak ve indirme: https://fonts.google.com/specimen/Manrope
Manrope Google Fonts'ta açık kaynak modern sans-serif ailesi olarak sunulur. Font dosyaları bu pakete eklenmedi. İndirdiğiniz sürümün lisans dosyasını kendi barındırdığınız fontlarla birlikte saklayın.

## Web uygulaması
```html
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="icon" href="/favicon/favicon.ico" sizes="any">
<link rel="icon" href="/favicon/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
<link rel="manifest" href="/favicon/site.webmanifest">
<meta name="theme-color" content="#0B332D">
```
```css
:root {
  --brand: #0B332D;
  --brand-deep: #071D1A;
  --surface: #FFFFFF;
  --surface-soft: #F3F7F5;
  --border: #D8E4DF;
  --text-muted: #526760;
  --accent: #00FFBF;
}
body { font-family: 'Manrope', system-ui, sans-serif; color: var(--brand-deep); line-height: 1.6; }
h1,h2,h3 { font-weight: 700; letter-spacing: -.025em; line-height: 1.15; }
.button-primary { background: var(--brand); color: white; border-radius: 8px; font-weight: 600; }
.button-primary:hover { background: var(--brand-deep); }
```

## Logo kuralları
- Çevresinde en az ikon yüksekliğinin dörtte biri kadar boşluk bırakın; dosya içi pay buna tek başına yetmeyebilir.
- Yatay logoyu webde tercihen en az 140 px genişlikte kullanın; daha dar yerde yalnız ikon kullanın.
- Logoyu esnetmeyin, döndürmeyin, gölge veya gradyan eklemeyin.
- Açık zeminde yeşil; koyu zeminde beyaz sürüm kullanın.
- İkon ile yazı arasındaki oranı veya iki kavis arasındaki boşluğu değiştirmeyin.
- Favicon 16 px'te ince uçlar doğal olarak sadeleşir; dosyayı tekrar sıkıştırmayın.

## Arayüz dili
Beyaz alanı geniş tutun. 8 px tabanlı boşluk sistemi, 8–12 px köşe yarıçapı, ince ayırıcılar ve ölçülü ikonlar kullanın. Büyük neon alanlar, cam efektleri, hacker klişeleri ve yoğun parıltılardan kaçının. Gerçek ürün ekranları ve doğrulanabilir teknik veriler öne çıksın. Pazarlama metinleri kısa ve somut olsun; ölçülmeyen koruma kapasitesi ve mutlak güvenlik iddiası yazılmasın.

## Dosya haritası
- `logo/`: yatay logo; yeşil, beyaz ve siyah. SVG, PDF, EPS, şeffaf PNG (800/1600/3200 px), kayıpsız WebP.
- `icon/`: bağımsız ikon; aynı üç renk. SVG, PDF, EPS, şeffaf PNG (256/512/1024 px), kayıpsız WebP.
- `favicon/`: bağımsız SVG; çok boyutlu ICO; 16/32/48/64/128/180/192/256/512 px şeffaf PNG; Apple ve Android ikonları; web manifest.
- Apple/Android ikonları platform sunumu için beyaz zemindir. Diğer PNG ve WebP dosyaları gerçek alfa içerir.
- SVG dosyaları gömülü bitmap değildir; gerçek yol geometrisi içerir. Font bağımlılığı yoktur.
- Vektörler seçilen raster logonun konturlarından türetilmiştir; mikroskobik eğri farklılıkları olabilir. Yeni bir marka tasarımı yapılmadı.
- PDF ve EPS vektör teslim formatlarıdır. EPS alfa şeffaflığını desteklemez; dosyada arka plan şekli çizilmez. PDF görüntüleyicisi boş sayfayı beyaz gösterebilir.
- JPEG şeffaflık desteklemediği için eklenmedi. AI/PSD adlı sahte dönüştürmeler eklenmedi; Illustrator/Inkscape/Figma için SVG kullanılabilir.
- Baskı dosyaları RGB'dir. Matbaa ICC profili ve malzeme belirlenmeden CMYK renk eşleşmesi garantisi verilmez; prova alınmalıdır.

## Teslim notu
Ana renk vektör dolgusundan üretilen tüm sürümlerde sabittir. Görsel oluşturma denemesindeki dama desenli çıktı teslim dosyalarına dahil edilmemiştir. Seçilen orijinalin konturları korunarak dosya dönüşümleri tamamlanmıştır.