Eine hilfreiche Erfahrung
Platzhaltertext: weiße Karte mit dezentem Schatten.
Platzhalter-Name
Styleguide — Fachhypnotiseur-Landingpage
Vorläufige Seite, dient nur der internen Abnahme des gestalterischen Fundaments (Tokens, Basis-Stile, Komponenten). Kein Inhalt für Endnutzer:innen — daher noindex.
Typografie
H1 · fluide 32–50px
Fachhypnotiseur-Ausbildung
H2 · fluide 28–35px
In vier Tagen zur Zertifizierung
H3 · fix 26px / 500
Ablauf des Seminars
H4 · fix 20px / 700
Voraussetzungen
Fließtext · fluide 18–20px (Standard)
Sie erlernen die Selbsthypnose sicher von Grund auf und wenden sie gezielt auf Ihre eigenen Themen an.
Zitat / Hervorhebung
Rahmen (3px, heller Ton) real von selbsthypnose.ihvv.de; Schriftgröße (24px), Gewicht (300) und Zeilenhöhe (1,33) real von ihvv.de übernommen (.quote in base.css).
„Der Mensch ist das Produkt seiner Gedanken.“
Mahatma Gandhi (sinngemäß, Platzhalter-Zitat)
Farben
Platzhalter, ausgelesen aus der Live-Seite — final nach Teammeeting.
Primitives (Layer 1)
- Primary (Petrol)
--color-primary - Secondary (Hellbraun)
--color-secondary - Neutral (Grau)
--color-neutral - Base (Hintergrund)
--color-base
Semantische Tokens (Layer 2)
- Text
--text - Heading
--heading - CTA
--color-cta - Border
--border - BG Tint
--bg-tint
Buttons
Padding und Radius live von selbsthypnose.ihvv.de übernommen (16px/34px, 999px).
Call-to-Action-Kasten (Vergleich)
Drei Varianten, angelehnt an den CTA-Kasten auf selbsthypnose.ihvv.de —keine Entscheidung, nur zum Vergleich. Komponente.cta-box in base.css, Varianten über zusätzliche Klassen (.cta-box--dark, .cta-box--card,.cta-box--card-left).
Bereit für den nächsten Schritt?
Platzhaltertext: kurze, einladende Beschreibung für den Call-to-Action.
Jetzt Kontakt aufnehmenBereit für den nächsten Schritt?
Platzhaltertext: kurze, einladende Beschreibung für den Call-to-Action.
Jetzt Kontakt aufnehmenBereit für den nächsten Schritt?
Platzhaltertext: kurze, einladende Beschreibung für den Call-to-Action.
Jetzt Kontakt aufnehmenFormularfelder
Nur Gestaltung — dieses Formular sendet nichts ab.
Testimonial-Karte
Entschieden: weiße Karte mit dezentem Schatten (vorher Variante b im Vergleich). Komponente .testimonial-card in base.css, Anführungszeichen-Symbol aus src/assets/icons/quote-icon.svg(QuoteIcon-Komponente).
Testimonial-Slider
Funktionierende Komponente — Pfeiltasten, Wischen und Tab-Bedienung ausprobieren. Kein Anführungszeichen-Symbol hier; der Zitattext ist ein echtes <h2>, darunter klein der Name. Hintergrund: nur der Icon-Teil aus src/assets/logo-bildmarke.svg, Deckkraft über --testimonial-slider-bg-opacity (aktuell 8 %) anpassbar. Übergänge respektieren --motion.
Termindaten (aus src/config/seminar.ts)
- Termine
8.–12. März 2027, 09:00–16:00 Uhr
12.–16. April 2027, 09:00–16:00 Uhr
- Ort
- Hypnoseinstitut Neuruppin (Adresse: TODO)
- Preis
- 2.800,00 € für beide Blöcke · Anzahlung 800,00 € · Ratenzahlung möglich
- Plätze
- 16 von 16 Plätzen frei (
plaetzeFrei, von Hand gepflegt)