Lansman videosu (Remotion) projesi eklendi
video/ ayrı bir Remotion projesi; Docker imajı, ESLint ve tsc kapsamı dışında. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
67
video/src/marka.ts
Normal file
67
video/src/marka.ts
Normal file
@@ -0,0 +1,67 @@
|
||||
/**
|
||||
* Lansman videosunun görsel dili — docs/tasarim/DESIGN.md'nin video karşılığı.
|
||||
* Renkler sitenin Tailwind v4 tonlarıyla birebir (oklch); logo renkleri
|
||||
* public/kolay-tercih-mark.svg'den. Video 1080p olduğu için arayüz ölçüleri
|
||||
* sitenin 2 katıdır (h-12 = 48 px → 96–104 px).
|
||||
*/
|
||||
|
||||
export const W = 1920;
|
||||
export const H = 1080;
|
||||
export const FPS = 30;
|
||||
|
||||
export const R = {
|
||||
// Bilgi mavisi (--primary) ve logo mavisi
|
||||
primary: "oklch(0.623 0.188 259.8)",
|
||||
mavi: "#3b82f6",
|
||||
mavi400: "oklch(0.707 0.165 254.624)",
|
||||
// Logo: şeftali + turuncu kare
|
||||
seftali: "#fdc7a7",
|
||||
turuncuLogo: "#ff5a00",
|
||||
// Aksiyon turuncusu (orange-500) ve hover'ı
|
||||
turuncu: "oklch(0.705 0.213 47.604)",
|
||||
turuncu600: "oklch(0.646 0.222 41.116)",
|
||||
turuncu50: "oklch(0.98 0.016 73.684)",
|
||||
|
||||
slate50: "oklch(0.984 0.003 247.858)",
|
||||
slate100: "oklch(0.968 0.007 247.896)",
|
||||
slate200: "oklch(0.929 0.013 255.508)",
|
||||
slate300: "oklch(0.869 0.022 252.894)",
|
||||
slate400: "oklch(0.704 0.04 256.788)",
|
||||
slate500: "oklch(0.554 0.046 257.417)",
|
||||
slate600: "oklch(0.446 0.043 257.281)",
|
||||
slate700: "oklch(0.372 0.044 257.287)",
|
||||
slate800: "oklch(0.279 0.041 260.031)",
|
||||
slate900: "oklch(0.208 0.042 265.755)",
|
||||
slate950: "oklch(0.129 0.042 264.695)",
|
||||
beyaz: "#ffffff",
|
||||
|
||||
// Risk / dilim renkleri — her zaman metin etiketiyle birlikte
|
||||
emerald500: "oklch(0.696 0.17 162.48)",
|
||||
emerald600: "oklch(0.596 0.145 163.225)",
|
||||
amber500: "oklch(0.769 0.188 70.08)",
|
||||
amber600: "oklch(0.666 0.179 58.318)",
|
||||
red500: "oklch(0.637 0.237 25.331)",
|
||||
red600: "oklch(0.577 0.245 27.325)",
|
||||
|
||||
// Gösterge kareleri (§4.11)
|
||||
indigo500: "oklch(0.585 0.233 277.117)",
|
||||
green600: "oklch(0.627 0.194 149.214)",
|
||||
} as const;
|
||||
|
||||
/** Piksel imzası: hero ızgarası (hücre 10, nokta 7.4, rx 2) oranları */
|
||||
export const PIKSEL = {
|
||||
nokta: 0.74,
|
||||
rx: 0.2,
|
||||
// Hero doku paleti (turkey-pixel-map.tsx)
|
||||
opakliklar: [0.3, 0.16, 0.24, 0.12, 0.27, 0.19],
|
||||
} as const;
|
||||
|
||||
export const opaklikFor = (x: number, y: number) =>
|
||||
PIKSEL.opakliklar[(x * 7 + y * 11) % PIKSEL.opakliklar.length];
|
||||
|
||||
/** Logo işareti (viewBox 180) */
|
||||
export const LOGO_KARELER = [
|
||||
{ x: 27, y: 56, boy: 57, renk: "#3b82f6" },
|
||||
{ x: 91, y: 29, boy: 56, renk: "#fdc7a7" },
|
||||
{ x: 91, y: 95, boy: 56, renk: "#ff5a00" },
|
||||
] as const;
|
||||
Reference in New Issue
Block a user