— Zutaten · der Katalog
Zutaten & Muster.
UI-Bausteine von Fork & Merge — suchen Sie sich aus, was Sie möchten
Farben
Hell / Dunkel Theme
✦ Webentwicklung
Ihr digitaler Auftritt
Moderne Webseiten, die begeistern und konvertieren.
Optimierte Performance für beste Ladezeiten.
SSL, DSGVO-konform, regelmäßige Updates.
Perfekt auf allen Geräten.
:root {
}
CSS-Variablen machen Theme-Wechsel sauber und wartbar — kein doppelter Code.
Featured Product
Du sparst 120 €
Produkt des Monats
Creator Bundle Pro
Das ultimative Setup für kreative Köpfe. Alles was du brauchst — in einer Box. Tausende zufriedene Kunden weltweit.
- ✓Premium Qualität
- ✓2 Jahre Garantie
- ✓Gratis Versand
- ✓30-Tage Rückgabe
Nur noch 7 auf Lager
Produkt Grid
Premium Wireless Kopfhörer
Kristallklarer Sound, 40h Akku, aktive Geräuschunterdrückung.
Smartwatch Pro X
Gesundheits-Tracking, GPS, 7 Tage Akkulaufzeit, wasserdicht.
Ergonomische Schreibtischlampe
LED, 5 Helligkeitsstufen, USB-C Ladefunktion, dimmbar.
Bluetooth Lautsprecher 360°
360° Sound, IPX7 wasserdicht, 24h Akku, kompaktes Design.
Countdown Angebot
Nur für kurze Zeit
Sichere dir jetzt 40% Rabatt auf unser meistverkauftes Produkt. Angebot endet wenn der Timer abläuft.
Smart Home Starter Kit
Carousel-Typen
Fade-Übergang · Auto-Play
Horizontaler Slider · Manuell
Endlos-Ticker · Automatisch
Kundenbewertungen
Sarah M.
Premium Kopfhörer
"Absolut begeistert! Qualität top, Lieferung superschnell. Werde definitiv wieder bestellen."
✓ Verifizierter KaufThomas K.
Smartwatch Pro X
"Beste Investition seit langem. Der Support hat mir sofort geholfen — so muss das sein!"
✓ Verifizierter KaufJulia R.
Schreibtischlampe
"Sehr gutes Preis-Leistungs-Verhältnis. Design ist edel, Verarbeitung einwandfrei."
✓ Verifizierter KaufMarcus B.
Bluetooth Speaker
"Schneller Versand, perfekte Verpackung, Produkt übertrifft alle Erwartungen. 10/10!"
✓ Verifizierter KaufAnna L.
Creator Bundle
"Habe es als Geschenk gekauft — die Person war begeistert. Kommt super an!"
✓ Verifizierter KaufFelix W.
Smart Home Kit
"Tolle Verarbeitungsqualität. Einrichtung war kinderleicht. Klare Empfehlung!"
✓ Verifizierter KaufVertrauen aufbauen
Häufige Fehler & wie man es richtig macht
Dieser Text ist schwer lesbar. Die Farbe ist zu ähnlich zum Hintergrund und ermüdet die Augen schnell — besonders auf mobilen Geräten.
WCAG: 1.76:1 ✗Dieser Text ist klar und angenehm lesbar. Ausreichender Kontrast schützt die Augen, steigert die Verweildauer und ist Pflicht für Barrierefreiheit.
WCAG: 18.88:1 ✓💡 Heller grauer Text auf weißem Hintergrund erreicht oft nur WCAG-Werte unter 3:1 — für Texte sind mindestens 4.5:1 vorgeschrieben. Dunkler Text auf hellem Untergrund löst das Problem sofort.
Alle gleich → Nutzer weiß nicht, was wichtig ist
Primär → Sekundär → Ghost: klare Rangfolge
💡 Alle Buttons gleich zu gestalten verwirrt den Nutzer. Primär-Buttons müssen sofort auffallen, sekundäre Aktionen zurücktreten. Eine klare visuelle Hierarchie führt den Blick zum wichtigsten CTA.
💡 Platzhalter verschwinden beim Tippen — der Nutzer weiß nicht mehr, was gefragt war. Labels bleiben sichtbar, Hilfetexte erklären das Format, Inline-Validierung gibt sofortiges Feedback.
Unser Angebot
Maßgeschneiderte Lösungen für Ihr Business
Wir entwickeln individuelle Webseiten, Shops und Apps — immer auf Ihre Ziele zugeschnitten.
* Kostenlose Erstberatung inklusive
Unser Angebot
Maßgeschneiderte Lösungen für Ihr Business
Wir entwickeln individuelle Webseiten, Shops und Apps — immer auf Ihre Ziele zugeschnitten.
* Kostenlose Erstberatung inklusive💡 Wenn alles gleich groß ist, versteht das Gehirn nicht, was wichtig ist. Überschrift → Untertitel → Fließtext → Caption schafft einen natürlichen Lesefluss und verbessert das Verständnis drastisch.
Optimierte Performance für blitzschnelle Ladezeiten.
SSL, DSGVO-konform und regelmäßige Sicherheits-Updates.
Perfekte Darstellung auf allen Geräten und Bildschirmgrößen.
Optimierte Performance für blitzschnelle Ladezeiten.
SSL, DSGVO-konform und regelmäßige Sicherheits-Updates.
Perfekte Darstellung auf allen Geräten und Bildschirmgrößen.
💡 Weißraum ist kein verschwendeter Platz — er ist aktives Gestaltungsmittel. Enge Abstände erzeugen Stress, großzügige Abstände signalisieren Qualität und lenken den Blick gezielt.
Ungültig
Fehler
💡 Generische Fehlermeldungen wie "Ungültig" frustrieren Nutzer. Gute Fehlermeldungen sagen genau, was falsch ist und wie man es behebt — das reduziert Abbrüche und steigert die Conversion.
Formular-Designs
Dark Premium
Schreiben Sie uns
Clean Minimal
Kontakt aufnehmen
Cards
Schnell & Modern
Optimierte Performance für beste Ladezeiten und eine hervorragende Nutzererfahrung auf allen Geräten.
Image Card
Mit Bild oben, Kategorie-Tag, Titel und Beschreibungstext.
Starter
- Responsive Design
- 5 Seiten
- Kontaktformular
- SEO Grundlagen
„Hervorragende Arbeit! Die Website übertrifft alle Erwartungen und hat unsere Anfragen verdoppelt."
Horizontale Karte
Bild links, Inhalt rechts — ideal für Listen und Previews.
Alerts & Hinweise
Schriftarten
Fork & Merge
serving solutions
Fork & Merge
serving solutions
Fork & Merge
serving solutions
Fork & Merge
serving solutions
Fork & Merge
serving solutions
Fork & Merge
serving solutions
Fork & Merge
serving solutions
Muster & Gradienten
CSS-Muster
Gradienten
Buttons
Loaders & Skeleton
Tabelle
| Projekt | Status | Datum | Preis |
|---|---|---|---|
| Online-Shop | Abgeschlossen | 12.01.2025 | € 1.200 |
| Landingpage | In Bearbeitung | 03.03.2025 | € 499 |
| Mobile App | Offen | 27.03.2025 | € 2.500 |
Formen & Clip-Paths
Badges & Tags
Gefüllte Badges
Outline Badges
Status-Badges (mit Punkt)
Tags (klickbar)
Benachrichtigungen