d2359d3f3a
video/ ayrı bir Remotion projesi; Docker imajı, ESLint ve tsc kapsamı dışında. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
68 lines
2.2 KiB
TypeScript
68 lines
2.2 KiB
TypeScript
/**
|
||
* 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;
|