/* TischTap Brand Guidelines — section components. Uses logo.jsx globals. */
const Head = ({ num, title, sub }) => (
TischTap{num}
{title}
{sub && {sub}
}
);
function CoverSection() {
return (
Brand Guidelines
Essentials · v1.0
Mehr Umsatz für Restaurants — mit einem einfachen Scan.
Logo · Color · Typography · Voice — the essentials for building on brand.
);
}
function LogoSection() {
return (
Primary lockup — horizontal.
Lockups & elements
Stacked — vertical contexts.
App icon (circle / tile).
);
}
function UsageSection() {
const wrong = { display: 'inline-flex', alignItems: 'center', justifyContent: 'center' };
return (
Clear space
Keep clear space ≥ the height of the tap-dot on every side.
Minimum size
Below these sizes the menu lines close up — switch to the simplified mark.
Color variants
Ink — single-color / mono.
Don’t
✕ Don’t stretch or distort.
✕ Don’t recolor the mark.
✕ Don’t add shadows or effects.
);
}
function Swatch({ fill, nm, hex, on = '#fff', sub }) {
return (
{nm}
{hex}{sub ? ' · ' + sub : ''}
);
}
function ColorSection() {
return (
Brand Red
HEX #AB1E03 · RGB 171 30 3 · the single accent
Neutrals
);
}
function TypeSection() {
return (
Display · 700Tap & Scan
H2 · 700Was ist enthalten
Lead · 400Mehr Umsatz mit einem Scan
Body · 400Schnellere Bestellungen, mehr Bewertungen, weniger Aufwand.
Caption · 500INTELLIGENTE QR & NFC-TISCHKARTEN
⚠ Poppins is a stand-in for the deck’s licensed face — swap when the real files arrive.
);
}
function VoiceSection() {
return (
{['Formal “Sie”', 'Benefit-led', 'Plainspoken', 'No emoji', 'Keep English product terms', 'Confident'].map(t => {t})}
In practice
✓ On voice
„Mehr Google-Bewertungen pro Woche — ohne Aufwand für Ihr Team.“
✕ Off voice
„Hol dir jetzt mega viele Reviews!! 🚀🔥“
✓ On voice
„Keine verpflichtende monatliche Laufzeit.“
✕ Off voice
„Our synergistic platform leverages QR technology.“
Casing: ALL-CAPS letter-spaced eyebrow (TISCHTAP); Title-case headers and chips; German noun capitalization throughout. Numbers: „150 €“, „1.600 € / 1 Jahre“ — period thousands separator, space before €.
);
}
function Ring({ size = 70 }) {
return (
);
}
function MotifSection() {
return (
The tap-target
Ring + dot, or concentric ripple. A scan/tap signal — for accents, never as the logo.
The framed page
Every page: red rule top & bottom, eyebrow top-right, generous white margins.
Full system, tokens & UI kits live in the design system — this book is the essentials.
);
}
Object.assign(window, { CoverSection, LogoSection, UsageSection, ColorSection, TypeSection, VoiceSection, MotifSection });