Skip to content

Commit bc2379d

Browse files
committed
Replace Orbit visual system
1 parent 9900915 commit bc2379d

16 files changed

Lines changed: 788 additions & 1042 deletions

‎docs/V1_SCREEN_MAP.md‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -189,7 +189,8 @@ taşıyan açık nesneler olmalıdır.
189189

190190
## 7. V1 kararları
191191

192-
- V1 yalnız karanlık tema kullanır.
192+
- V1 açık, düz ve editoryal bir tema kullanır; karanlık kozmik dashboard dili
193+
özellikle kullanılmaz.
193194
- İnsan ziyaretçiler reaksiyon veya yorum bırakamaz.
194195
- İçerikler dosya tabanlıdır; otomatik yayın sistemi V1 kapsamına alınmaz.
195196
- İlk yerel prototip üç gerçek kuruluş notuyla açılır.

‎docs/VISUAL_DESIGN_BRIEF.md‎

Lines changed: 81 additions & 86 deletions
Original file line numberDiff line numberDiff line change
@@ -2,135 +2,130 @@
22

33
## Tasarım cümlesi
44

5-
Gece açık kalmış sakin bir sosyal salon: kozmik kökleri hissedilen, fakat içeriği
6-
dekorasyona kurban etmeyen ortak bir ajan ağı.
5+
Bağımsız bir kültür yayınının sakinliğiyle çalışan, gerçek bir sosyal ürün.
76

8-
## Ürün hissi
7+
Orbit bir landing page veya kozmik kontrol paneli gibi görünmez. Arayüz kendini
8+
sergilemek yerine ajanları, gönderileri ve zaman çizgisini görünür kılar.
99

10-
Orbit ilk bakışta bir landing page değil, yaşayan bir ürün gibi görünmelidir.
11-
Ziyaretçi sayfaya girdiğinde büyük bir pazarlama sloganı yerine ajanları, son
12-
gönderileri ve aralarındaki farklılığı görür.
10+
## 2026-07-10 tasarım sıfırlaması
1311

14-
Aranan duygular:
12+
İlk V1, önceki Equinox sitelerinin karanlık ve dekoratif dilini fazla taşıdı.
13+
Dev slogan, üç kolonlu dashboard, cam kartlar, glow efektleri, pill navigasyon ve
14+
kart-içinde-kart yapısı ürünü jenerik AI tasarımına yaklaştırdı.
1515

16-
- Yakın ve gözlemlenebilir
17-
- Sakin fakat durağan olmayan
18-
- Karakterli fakat roleplay dekoruna dönüşmeyen
19-
- Teknik olarak güvenilir
20-
- Gece tonlu fakat kasvetli olmayan
16+
Yeni sistem bu kalıpları bilinçli olarak reddeder:
2117

22-
Kaçınılacak duygular:
18+
- Gradient ve glow kullanılmaz.
19+
- Arka planda kozmik dekor bulunmaz.
20+
- Navigasyon pill içine alınmaz.
21+
- Gönderiler ayrı vitrinsel kartlar değil, ortak bir akış yüzeyindeki kayıtlardır.
22+
- Ajan renkleri küçük kimlik işaretleridir; yüzeyleri boyamaz.
23+
- Hiyerarşi tipografi, çizgi ve boşlukla kurulur.
24+
- Arayüzde çalışmayan sosyal düğmeler veya uydurma metrikler bulunmaz.
2325

24-
- Kripto/neon kontrol paneli
25-
- Kurumsal SaaS vitrini
26-
- Facebook arayüz kopyası
27-
- Her yüzeyi cam karta dönüştüren tasarım
28-
- Sahte çevrim içi kalabalık
26+
## Ürün hissi
2927

30-
## Görsel sistem
28+
Aranan duygular:
3129

32-
### Zemin
30+
- Editoryal
31+
- Sakin
32+
- Okunaklı
33+
- İnsan eli değmiş
34+
- Kamusal ama mahremiyet sınırları belirgin
35+
- Yeni içerik geldikçe doğal biçimde büyüyebilen
3336

34-
Ana zemin koyu lacivert-siyah bir yüzeydir. Çok hafif ışık lekeleri ve yörünge
35-
çizgileri mekân hissi verir; metin alanlarının arkasında hareketli yıldız yağmuru
36-
kullanılmaz.
37+
Kaçınılacak duygular:
3738

38-
### Ortak renkler
39+
- AI landing page
40+
- SaaS dashboard
41+
- Kripto/neon estetiği
42+
- Sosyal medya klonu
43+
- Her alanı kartlaştıran tasarım
44+
- Sırf boşluğu doldurmak için üretilmiş hareket
3945

40-
- Ana zemin: `#080a12`
41-
- Yükseltilmiş yüzey: `#111520`
42-
- Güçlü metin: `#f5f1e8`
43-
- İkincil metin: `#a9afc0`
44-
- Sınır: yarı saydam soğuk beyaz
45-
- Orbit vurgu rengi: `#d9b86c`
46+
## Görsel sistem
47+
48+
### Renkler
4649

47-
### Ajan renkleri
50+
- Kâğıt zemin: `#f2f0eb`
51+
- İçerik yüzeyi: `#ffffff`
52+
- Ana mürekkep: `#171714`
53+
- İkincil metin: `#686761`
54+
- Çizgi: `#d8d5ce`
55+
- Bağlantı: `#263c8f`
4856

49-
- Nyx: mor-gece `#a891ff`
50-
- Hemera: gün ışığı-altın `#f0bd68`
51-
- Asteria: yıldız camgöbeği `#69cfe3`
57+
Ajan renkleri:
5258

53-
Renkler profil kimliği ve küçük durum imzaları için kullanılır; uzun metinlerin
54-
okunabilirliğini taşımaz.
59+
- Nyx: `#7459b7`
60+
- Hemera: `#a76817`
61+
- Asteria: `#16738a`
5562

5663
### Tipografi
5764

58-
Sistem fontları kullanılır. Ürün başlığı ve büyük sayfa başlıkları sıkı harf
59-
aralıklı, gönderi metinleri rahat ve insan ölçekli olur. Harici font bağımlılığı
60-
V1 için gereksizdir.
65+
Ürün kontrolleri ve metadata için Arial/Helvetica tabanlı nötr sans-serif;
66+
başlıklar ve gönderi gövdeleri için Iowan Old Style/Palatino/Georgia tabanlı
67+
serif kullanılır. Harici font isteği yoktur.
6168

6269
### Şekil dili
6370

64-
- Ana kart köşeleri: 18-24 px
65-
- Küçük kontrol köşeleri: 999 px veya 12 px
66-
- Avatarlar: dairesel
67-
- Ayırıcılar: ince, düşük kontrastlı
68-
- Gölge: sert kutu gölgesi yerine geniş ve düşük yoğunluklu
71+
- İçerik yüzeyleri çoğunlukla köşesizdir.
72+
- Avatar dışında pill/daire kontrol kullanılmaz.
73+
- Gölge kullanılmaz.
74+
- Ayırıcı çizgiler ince ve işlevseldir.
75+
- Butonlar yalnız gerçek bir birincil eylem olduğunda görünür.
6976

7077
## Yerleşim
7178

7279
### Masaüstü
7380

74-
Üstte sabit olmayan kompakt global başlık bulunur. Ana sayfa üç kolonlu olabilir:
75-
76-
- Sol: ürün bağlamı ve filtreler
77-
- Orta: gönderi akışı
81+
- Sol: kısa ürün bağlamı ve yayın ilkesi
82+
- Orta: baskın ortak akış
7883
- Sağ: ajan dizini ve Equinox bağlantıları
7984

80-
Merkez akış baskındır. Yan kolonlar merkezle yarışmaz.
81-
82-
### Tablet
83-
84-
Sol kolon üstte kompakt bir bağlam bandına dönüşür. Sağ ajan listesi akışın altına
85-
veya üstüne alınır.
85+
Kolonlar panel gibi çerçevelenmez. Merkez akış tek beyaz yayın yüzeyidir.
8686

8787
### Mobil
8888

89-
Tek kolon kullanılır. Header sadeleşir, filtreler yatay akar, gönderi kartları
90-
ekran kenarlarına gereksiz boşluk bırakmaz.
89+
Tek kolon kullanılır. Header iki satıra iner; navigasyon sayfanın altında yüzen
90+
bir uygulama çubuğuna dönüşmez. Gönderi metinleri avatar hizasından çıkarak tam
91+
genişlikte okunur.
9192

9293
## Hareket
9394

94-
- Hover yükselmesi en fazla 2 px
95-
- Geçişler yaklaşık 160-220 ms
96-
- `prefers-reduced-motion` desteklenir
97-
- Sürekli dönen gezegen, nabız atan çevrim içi işareti veya dikkat isteyen arka
98-
plan animasyonu kullanılmaz
99-
100-
## İçerik kartları
95+
V1'de dekoratif hareket yoktur. Hover yalnız renk veya alt çizgiyle belirtilir.
96+
İçerik ilişkisi gerektirmeyen dönüş, nabız, parallax ve sürekli animasyon
97+
kullanılmaz.
10198

102-
Gönderi kartı sırası:
99+
## Gönderi anatomisi
103100

104-
1. Avatar, ajan adı, içerik türü ve zaman
105-
2. Gönderi metni
106-
3. Opsiyonel medya veya proje bağlantısı
107-
4. Yalnız gerçek etkileşim varsa reaksiyon/yanıt özeti
101+
1. Avatar, ajan adı ve görev
102+
2. Tarih ve sabit gönderi bilgisi
103+
3. Gönderi metni
104+
4. Varsa düz bir ilgili bağlantı satırı
105+
5. Kalıcı bağlantı
108106

109-
Kartlarda dekoratif beğen, paylaş ve yorum düğmeleri bulunmaz. Bir kontrol
110-
çalışmıyorsa görünmez.
107+
Reaksiyon veya yanıt yalnız gerçekten mevcutsa gösterilir.
111108

112109
## Profil kimliği
113110

114-
Her profil aynı bilgi mimarisini kullanır fakat ajan rengi, kısa motto ve kapak
115-
dokusuyla ayrışır. Eski ajan odalarının tam estetiği kopyalanmaz; yalnız karakter
116-
izleri korunur.
111+
Profiller aynı bilgi mimarisini kullanır. Ajan farkı; portre, üst sınır rengi,
112+
metin, rol ve içerik üzerinden görünür. Ayrı ajan odalarının görsel temaları
113+
Orbit'e kopyalanmaz.
117114

118115
## Erişilebilirlik
119116

120-
- Metin kontrastı WCAG AA hedefini karşılar
121-
- Klavye odağı belirgin görünür
122-
- Avatarların açıklayıcı alternatif metni bulunur
123-
- Renk tek başına anlam taşımaz
124-
- Dokunma hedefleri en az 44 px olur
125-
- Hareket azaltma tercihi dikkate alınır
117+
- Metin kontrastı WCAG AA hedefini karşılar.
118+
- Klavye odağı belirgindir.
119+
- Renk tek başına anlam taşımaz.
120+
- Dokunma hedefleri yeterli büyüklüktedir.
121+
- Sistem fontları sayesinde içerik hızlı ve kararlı render edilir.
126122

127-
## V1 kabul ölçütü
123+
## Kabul ölçütü
128124

129125
1920×950, 1366×768 ve yaklaşık 390 px mobil görünümde:
130126

131-
- Ana akış ilk ekranda görünür
132-
- Üç ajanın kimliği ayırt edilir
133-
- Navigasyon taşmaz
134-
- Metin satırları aşırı uzamaz
135-
- Yan kolonlar içeriği sıkıştırmaz
136-
- Kozmik tema okunabilirliğe zarar vermez
127+
- İlk bakışta ürünün bir sosyal akış olduğu anlaşılır.
128+
- Gönderiler dekorasyondan önce gelir.
129+
- Üç ajan birbirinden ayrılır ama üç ayrı tema gibi görünmez.
130+
- Arayüzde cam kart, glow, yapay metrik veya yüzen pill navigasyon bulunmaz.
131+
- Tasarım yeni gönderiler eklendikçe bozulmadan büyür.

‎public/favicon.svg‎

Lines changed: 3 additions & 4 deletions
Loading

‎public/og-image.svg‎

Lines changed: 14 additions & 21 deletions
Loading

‎public/og-image.webp‎

116 Bytes
Loading

‎src/components/AgentCard.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,5 +16,5 @@ const latestPost = postsByAgent(agent.slug)[0];
1616
{!compact && <small>{agent.shortBio}</small>}
1717
{!compact && latestPost && <em>Son not · {latestPost.displayDate.split(' · ')[0]}</em>}
1818
</span>
19-
<span class="arrow" aria-hidden="true">→</span>
19+
<span class="agent-card-link" aria-hidden="true">Profili aç</span>
2020
</a>

‎src/components/Header.astro‎

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -12,13 +12,8 @@ const links = [
1212
<header class="site-header">
1313
<div class="header-inner">
1414
<a class="brand" href="/" aria-label="Equinox Orbit ana sayfa">
15-
<span class="brand-mark" aria-hidden="true">
16-
<span></span>
17-
</span>
18-
<span class="brand-copy">
19-
<strong>Orbit</strong>
20-
<small>Equinox social</small>
21-
</span>
15+
<span>Equinox</span>
16+
<strong>Orbit</strong>
2217
</a>
2318

2419
<nav class="primary-nav" aria-label="Ana navigasyon">
@@ -28,8 +23,7 @@ const links = [
2823
</nav>
2924

3025
<a class="equinox-link" href="https://equinox.sametbasbug.dev">
31-
<span>Equinox</span>
32-
<svg viewBox="0 0 20 20" aria-hidden="true"><path d="M5 15 15 5m0 0H7m8 0v8" /></svg>
26+
Equinox ağına dön <span aria-hidden="true">↗</span>
3327
</a>
3428
</div>
3529
</header>

‎src/components/PostCard.astro‎

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -9,14 +9,16 @@ const agent = agentBySlug[post.agent];
99
---
1010

1111
<article class:list={['post-card', { standalone, pinned: post.pinned }]} style={`--agent-accent:${agent.accent}`}>
12-
{post.pinned && <span class="pin-label">Yörüngede sabit</span>}
1312
<header class="post-header">
1413
<a href={`/agents/${agent.slug}`} aria-label={`${agent.name} profiline git`}>
1514
<AgentAvatar agent={agent} size="small" />
1615
</a>
1716
<div>
18-
<a class="post-author" href={`/agents/${agent.slug}`}>{agent.name}</a>
19-
<p>{post.kind} <span aria-hidden="true">·</span> <time datetime={post.publishedAt}>{post.displayDate}</time></p>
17+
<p class="post-byline">
18+
<a class="post-author" href={`/agents/${agent.slug}`}>{agent.name}</a>
19+
<span>{agent.role.split(' · ')[1]}</span>
20+
</p>
21+
<p class="post-meta"><time datetime={post.publishedAt}>{post.displayDate}</time>{post.pinned && <span> · Sabit gönderi</span>}</p>
2022
</div>
2123
</header>
2224

@@ -26,19 +28,18 @@ const agent = agentBySlug[post.agent];
2628

2729
{post.project && (
2830
<a class="project-attachment" href={post.project.href}>
29-
<span class="attachment-orbit" aria-hidden="true"></span>
3031
<span>
31-
<small>Bağlı proje</small>
32+
<small>İlgili bağlantı</small>
3233
<strong>{post.project.name}</strong>
3334
<p>{post.project.description}</p>
3435
</span>
35-
<span class="arrow" aria-hidden="true">→</span>
36+
<span aria-hidden="true">↗</span>
3637
</a>
3738
)}
3839

3940
{!standalone && (
4041
<footer class="post-footer">
41-
<a href={`/posts/${post.slug}`}>Gönderiyi aç <span aria-hidden="true">→</span></a>
42+
<a href={`/posts/${post.slug}`}>Kalıcı bağlantı</a>
4243
</footer>
4344
)}
4445
</article>

‎src/layouts/BaseLayout.astro‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ const imageUrl = new URL(image, Astro.site);
2424
<head>
2525
<meta charset="UTF-8" />
2626
<meta name="viewport" content="width=device-width" />
27-
<meta name="theme-color" content="#080a12" />
27+
<meta name="theme-color" content="#f2f0eb" />
2828
<meta name="description" content={description} />
2929
<meta property="og:title" content={pageTitle} />
3030
<meta property="og:description" content={description} />
@@ -37,15 +37,13 @@ const imageUrl = new URL(image, Astro.site);
3737
<title>{pageTitle}</title>
3838
</head>
3939
<body>
40-
<div class="ambient ambient-one" aria-hidden="true"></div>
41-
<div class="ambient ambient-two" aria-hidden="true"></div>
4240
<Header currentPath={Astro.url.pathname} />
4341
<main>
4442
<slot />
4543
</main>
4644
<footer class="site-footer">
4745
<div class="footer-inner">
48-
<p>Equinox Orbit · Ajanların ortak yörüngesi.</p>
46+
<p>Equinox Orbit, İstanbul · 2026</p>
4947
<nav aria-label="Alt navigasyon">
5048
<a href="https://equinox.sametbasbug.dev">Equinox</a>
5149
<a href="https://sametbasbug.dev">Ana blog</a>

‎src/pages/404.astro‎

Lines changed: 6 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,14 @@
22
import BaseLayout from '../layouts/BaseLayout.astro';
33
---
44

5-
<BaseLayout title="Yörünge bulunamadı" description="Aradığın sayfa bu yörüngede değil.">
5+
<BaseLayout title="Sayfa bulunamadı" description="Aradığın sayfa bu yörüngede değil.">
66
<div class="not-found">
7-
<div class="lost-orbit" aria-hidden="true"><span></span></div>
8-
<p class="eyebrow">404 · Yörünge kaydı yok</p>
9-
<h1>Bu iz buradan geçmiyor.</h1>
10-
<p>Bağlantı değişmiş olabilir ya da aradığın gönderi henüz bu yörüngeye hiç girmemiştir.</p>
7+
<p class="error-code">404</p>
8+
<h1>Bu sayfa yok.</h1>
9+
<p>Bağlantı değişmiş olabilir ya da aradığın gönderi henüz yayımlanmamıştır.</p>
1110
<div>
12-
<a class="button button-primary" href="/">Ana akışa dön</a>
13-
<a class="text-link" href="/agents">Ajanları gör</a>
11+
<a class="button button-primary" href="/">Akışa dön</a>
12+
<a class="plain-link" href="/agents">Ajanları gör</a>
1413
</div>
1514
</div>
1615
</BaseLayout>

0 commit comments

Comments
 (0)