Was ContentCut, Univelop und der Apple Store haben und eine leere Typo-Seite nicht. Jeder Baustein geht mit Werten, Bewegung, Handy und „wird Slop wenn“ in Schritt 04. Leer lassen heißt: Branche, Landingpage und Ausbau wählen. Was du ankreuzt, ist gesetzt — der Rest wird bis zum Budget der Ausbau-Stufe aufgefüllt. Bausteine mit * brauchen echten Inhalt.
Beleg — Nur mit echtem Inhalt. Zahlen, Logos, Namen, Team, Vergleich.
Logo-Band* oft passend im Lauf Ein Band echter Kundenlogos kriecht so langsam, dass es wie Gravur wirkt, nicht wie Werbung. ab Ausgestattet · ContentCut (marquee_1, 120s, mask fade) Ergebnis-Karten* oft passend im Lauf Eine Zahl, ein Nomen, ein Zeitraum, ein Name. „9 Implantatpatienten in 8 Tagen — Prof. Dr. Draenert.“ Das überzeugt mehr als jedes Adjektiv. ab Ausgestattet · ContentCut (Nachweisbare Erfolge, ~30 Karten) Zitat-Regal* oft passend im Lauf Zitate mit Foto, Name und Rolle stehen nebeneinander im Regal. Man wischt, statt auf Punkte zu klicken. ab Ausgestattet · Univelop (Was unsere Kunden schätzen) Ohne / Mit oft passend im Lauf Zwei Spalten: links der Alltag ohne, rechts mit. Kreuz gegen Haken. Der Leser findet sich links wieder und will nach rechts. ab Ausgestattet · ContentCut (comparison13, Ohne/Mit ContentCut) Auszeichnungen* oft passend im Lauf Eine ruhige Zeile echter Siegel und Preise. Kein Text, kein Marquee. ab Voll · Univelop (Auszeichnungen) Zahlenzeile* oft passend im Lauf Drei bis vier belegte Zahlen in einer Zeile, tabellarisch gesetzt. Kein Zähler-Zirkus. ab Voll · ContentCut (300+, 20 Mio. Kontaktdatensätze) Team-Raster* oft passend im Lauf Sechs bis zwölf echte Gesichter mit Name und Rolle. Ein Betrieb, kein Avatar-Set. ab Voll · ContentCut (team16, 12 Personen mit Rolle)
Karten — Flächen mit Rand und Schatten — eine Karten-Sprache pro Seite.
Zweischichtige Glaskarte oft passend im Lauf Die Karte hat einen hauchdünnen hellen Rand, der wie geschliffen wirkt, und eine Fläche mit kaum sichtbarem Verlauf. Teuer, weil nicht flach. ab Ausgestattet · ContentCut (glass-outer 2px + glass-inner, is-round-medium/large) Regal-Karte oft passend im Lauf Weiße Karten mit weichem Schatten, die beim Zeigen leicht tiefer werden. Apple-Store-Klasse: sauber, greifbar, nie laut. ab Ausgestattet · Apple Store (rf-ccard-content: 18px, 2px 4px 12px #00000014, .3s cubic-bezier(0,0,.5,1)) Funktions-Kacheln mit Icon* oft passend im Lauf Sechs bis neun Kacheln, jede mit einem Icon in Akzent, einem Nomen und zwei Sätzen. Zeigt Umfang, ohne zu prahlen. ab Voll · Univelop (Unsere beliebtesten Funktionen, 9 Kacheln) Branchen-Kacheln* oft passend im Lauf Kacheln mit echtem Foto und einem Branchennamen. Wer sich wiedererkennt, klickt. ab Voll · ContentCut (44 branchen_box im Marquee) Neuigkeiten-Karten* oft passend im Lauf Drei Karten mit Bild, Datum und Titel. Die Firma lebt, es passiert etwas. ab Voll · Univelop (Workation, Neuigkeiten) Umfang-Chips* oft passend im Lauf Zwölf, dreizehn Nomen in einer Zeile aus Chips. Man sieht den Umfang in zwei Sekunden, ohne eine Kachel zu lesen. ab Voll · Univelop (13 Plattform-Chips: CRM, Zeiterfassung, Protokolle)
Medien — Regal, Mockup, Blur-up, Parallax, Vektor, Schema, Pin.
Regal-Scroller oft passend im Lauf Karten stehen in einer Reihe, die man seitlich wischt. Rechts lugt die nächste hervor. Wie ein Regal, nicht wie ein Slider. ab Ausgestattet · Apple Store (rf-cards-scroller, paddlenav) Echte Oberfläche im Rahmen* oft passend im Lauf Ein echter Screenshot in einem feinen Rahmen mit weichem Bodenschatten. Das Produkt ist da, nicht behauptet. ab Ausgestattet · Univelop (App-Screens auf Phones, blur-up) Blur-up Bild* oft passend im Lauf Bilder kommen als weiche Farbwolke und schärfen sich. Nichts springt, nichts ist weiß. ab Ausgestattet · Univelop (62× lazyload blur-up) Parallax auf Bildern* oft passend im Lauf Fotos bewegen sich beim Scrollen minimal langsamer als die Seite. Tiefe, die man spürt, nicht sieht. ab Voll · Univelop (19 parallax-banner-layer) Vektor-Animation als Beleg oft passend im Lauf Im System-Abschnitt zeichnet sich ein Graph oder ein Netz aus Linien einmal. Man sieht, wie es zusammenhängt. ab Voll · ContentCut (cc-graph-animation2.riv, CC-Leistungen-Animation.riv) Hell/Dunkel-Wechsel oft passend im Lauf Ein oder zwei Blöcke der Seite sind dunkel gesetzt. Die Seite atmet, statt eine Farbe zu sein. ab Voll · ContentCut (color-scheme-2 auf CTA und Layout228) Pin-Abschnitt oft passend im Lauf Ein Block bleibt stehen, während rechts oder darunter drei Schichten wechseln. Man begreift ein System, statt zu scrollen. ab Voll · 21.dev / MotionSites-Klasse (pinned product story)
