feat(pdf): name KLZ_PATHS and use visible blue fill for letterpress mask layer
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 16s
Build & Deploy / 🧪 QA (push) Failing after 1m21s
Build & Deploy / 🏗️ Build (push) Has been skipped
Build & Deploy / 🚀 Deploy (push) Has been skipped
Build & Deploy / 🧪 Post-Deploy Verification (push) Has been skipped
Build & Deploy / 🔔 Notify (push) Successful in 2s

This commit is contained in:
2026-06-11 19:15:32 +02:00
parent 9f64304539
commit 5e8a175a53
7 changed files with 5 additions and 8 deletions

View File

@@ -48,6 +48,9 @@ export interface PDFBusinessCardProps {
variant?: 'blue' | 'white' | 'black';
}
// Die Buchstaben K, L, Z im SVG (inklusive dem kleinen Stück vom Z oben links)
export const KLZ_PATHS = [25, 26, 27, 28, 29];
// Mintel Aesthetics Colors - EXACT PROD COLORS
const COLORS = {
primary: '#011dff', // Brand Royal Blue
@@ -782,18 +785,12 @@ export const PDFBusinessCard: React.FC<PDFBusinessCardProps> = ({
<VectorLogo
paths={getFrontLogoPaths()}
style={styles.frontLogo}
pathOverrides={{
25: COLORS.primary,
26: COLORS.primary,
27: COLORS.primary,
28: COLORS.primary,
29: COLORS.primary,
}}
pathOverrides={KLZ_PATHS.reduce((acc, idx) => ({ ...acc, [idx]: COLORS.blue }), {})}
/>
{/* Letterpress Mask Layer: We use #ff00fe as a marker color. Only the "KLZ" letters! */}
<VectorLogo
paths={getFrontLogoPaths().slice(25, 30)}
paths={getFrontLogoPaths().filter((_, i) => KLZ_PATHS.includes(i))}
style={[styles.frontLogo, { position: 'absolute' }]}
overrideColor="#ff00fe"
/>