YOUAREPRETTY · Design & Komponenten

Der YAP Styleguide

Farben, Schrift, Abstände und Komponenten – direkt im Shop ausprobieren und mit echten Seiten vergleichen.

Thema oder Begriff suchen

Bereich

Alle Themen im Überblick. Die Demos folgen direkt darunter.

Die Beispiele verwenden die Bausteine und Styles dieses Shops. Unter „Maße & Styles“ stehen die aktuell im Browser berechneten Werte. Alle Angaben sind CSS-Pixel; Retina erhöht die Bildschärfe, nicht die Layoutgröße.

Ruhige Grundfarben, dunkle Schrift und ein sparsamer rosa Akzent.

CreamGrundfläche

SandRuhige Flächen

MacchiatoHervorhebung

CharcoalText und primäre Buttons

GraphiteBegleittext

WeißFelder und helle Flächen

BubblegumSparsamer Akzent

Maße & Styles

Die Werte werden nach dem Laden der Schrift berechnet.

Hierarchie und Lesbarkeit: vom Seitentitel bis zum Fließtext.

Seitentitel

Professional Beauty

Abschnittstitel

Wissen, das weiterbringt

Kartenüberschrift

Geräte und Schulungen

Eyebrow / Oberzeile

Für Professionals

Source Sans Pro verbindet klare Überschriften mit gut lesbarem Text. Fett hebt Wichtiges hervor. Ein Textlink führt zur passenden Seite.

Maße & Styles

Die Werte werden nach dem Laden der Schrift berechnet.

Gemeinsame Außenkanten und flexible Raster sorgen auf kleinen und großen Displays für Ordnung.

Gemeinsame Außenkanten

Text, Karten und Medien richten sich am Inhaltscontainer aus.

Flexible Spalten

Auf schmalen Displays stehen Inhalte untereinander.

Natürliche Schriftgröße

Keine Verkleinerung per Zoom oder transform.

Seitenabstand

Abschnitt oben

Abschnitt unten

Kartenradius

Buttonradius

Badgeradius

Maße & Styles

Die Werte werden nach dem Laden der Schrift berechnet.

Die Hauptaktion ist dunkel, ergänzende Aktionen sind zurückhaltend. Mit Tab lassen sich die Fokuszustände prüfen.

Schulungen ansehen Zum Profi-Shop

Kontakt aufnehmen

Maße & Styles

Die Werte werden nach dem Laden der Schrift berechnet.

Textfelder, Auswahl, Nachricht und Checkbox in den Formularstyles des Shops. Hier kann nichts abgeschickt werden.

Name *

E-Mail *

Modell wählen *

Deaktiviertes Feld

Nachricht

Checkbox ausprobieren

Demo: Eingaben werden nicht gesendet oder gespeichert. Das vollständige Formular findest du auf der verlinkten Shopseite.

Maße & Styles

Die Werte werden nach dem Laden der Schrift berechnet.

Icons bekommen eine beige Fläche. Hinweise bleiben ruhig und gut lesbar.

Neutrale Hinweise nutzen ruhige Beige-Töne. Rosa bleibt ein kleiner Akzent, etwa in der Oberzeile.

Maße & Styles

Die Werte werden nach dem Laden der Schrift berechnet.

Die originale FAQ-Sektion des Themes: eine Antwort öffnen oder per Tastatur bedienen.

Maße & Styles

Die Werte werden nach dem Laden der Schrift berechnet.

Fragen & Antworten

Echte Shopify-Produkte im vorhandenen Produktkarten-Baustein. Preise und Sichtbarkeit folgen den Zugriffsregeln des Shops.

Maße & Styles

Die Werte werden nach dem Laden der Schrift berechnet.

Die Inhaltssektion der Startseite mit echten Bildern, Texten und Zielseiten.

Maße & Styles

Die Werte werden nach dem Laden der Schrift berechnet.

Was uns auszeichnet

Praxiswissen, das dich wirklich weiterbringt.

Unsere Schulungen verbinden fundiertes Fachwissen mit praxisnaher Anwendung und geben dir die Sicherheit, das Gelernte anschließend selbstständig in deinem Studio umzusetzen – ganz gleich, ob du neu in die Beautybranche startest oder dein bestehendes Angebot erweitern möchtest.

Dabei stehen Qualität, sicheres Arbeiten und aktuelle Fachkenntnisse für uns an erster Stelle. Unsere Schulungsinhalte werden regelmäßig von unserem Trainerteam, das aus erfahrenen Kosmetikerinnen besteht, weiterentwickelt und an neue Behandlungsmethoden, Produkte und relevante rechtliche Rahmenbedingungen angepasst.

Vor-Ort Schulung

Deutschlandweite Standorte, in kleinen Gruppen und mit echten Modellen – praxisnah, persönlich und direkt anwendbar.

Schulungstermine ansehen

Online-Seminare

Flexibel lernen, wann und wo du möchtest: mit Videos, Schulungsskript, Zertifikat und persönlicher Unterstützung bei Fragen.

Online-Seminare entdecken

Profi-Shop

Professionelle Geräte, Kabinenprodukte und Neurokosmetik für dein Studio – sorgfältig ausgewählt und von uns selbst im Einsatz.

Zum Profi-Shop

Die originale Kundenstimmen-Sektion mit den bereits im Shop veröffentlichten Rezensionen.

Maße & Styles

Die Werte werden nach dem Laden der Schrift berechnet.

Stimmen unserer Kunden

5/5

Die Schulungen bei Sabine waren sehr lehrreich, informativ und sehr persönlich. Ich habe mich nach den Schulungen sehr sicher und absolut in der Lage gefühlt das Erlernte bei meinen Kunden anzuwenden.

Melanie Haap Schulungen im Institut · Google-Rezension

5/5

6 Online-Schulungen ALLE TOP! Alles lief super schnell und unkompliziert ab. Am Anfang war ich skeptisch wegen den Online-Schulungen, aber die Online-Schulungen sind sehr lehrreich und gut zu verstehen, würde ich jederzeit wieder machen! […]

Banu Yüksel Online-Schulungen · Google-Rezension

5/5

Super Erfahrung! Nach all meinen Schulungen die ich besucht habe, war es bei you are pretty am besten. Ich bekam alles detailliert erklärt und am Modell gezeigt […]

Simone Natalie Sandi Schulung im Institut · Google-Rezension