feat(tasarim): her CTA benzeri yüzeyin arkasında masonry piksel zemin (PikselZemin)

Bilal'in isteği (24 Eyl 2026): piksel arka planı her CTA benzeri kısmın
arkasında, büyüklü küçüklü masonry. Tek kaynak PikselZemin (açık kartta
silik mavi, koyu/mavi yüzeyde beyaz); CtaBandi ve PikselCtaYuzeyi de
onu kullanır. Eklenen yüzeyler: /sonuc "listen hazır" kartı, /listem
dört üretim kartı + boş durum + kilit kartı, tadımlık kartı, sıralama-yok
sayfası, meraklısına kapanış kartı, ana sayfa ve /paket ana paket kartı,
kaydet bandı, katalog üstü kompakt satır, arama penceresi kartı.
Kapsam dışı (form, durum kartı, modal düğmesi, 404) DESIGN.md §10.8'de.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
bilalgursen
2026-09-24 12:16:54 +03:00
parent cf992deac8
commit 09c6868089
16 changed files with 98 additions and 33 deletions

View File

@@ -7,6 +7,7 @@
// context'ten okur. (Sihirbaz hunisi statik bir şemayla anlatılır — bkz.
// huni-semasi.tsx.)
import { PikselZemin } from "@/components/piksel-zemin";
import {
createContext,
useContext,
@@ -234,7 +235,8 @@ export function DemoKapanisCta() {
const profil = useTercihProfili();
return (
<div className="rounded-2xl border border-slate-200 bg-white p-6 text-center">
<div className="relative isolate overflow-hidden rounded-2xl border border-slate-200 bg-white p-6 text-center">
<PikselZemin seed={41} />
<p className="font-heading text-base font-bold text-slate-900">
{profil
? "Kuralları öğrendin — sayılar zaten senin sıralamanla hesaplandı."