Estudio de diseño
Hacemos marcas que se recuerdan
Identidad, web y packaging para gente que hace las cosas con cuidado. Trabajamos desde Valencia con clientes de cualquier parte.
Si llegas hasta el final, sabrás cómo nos llamamos.
HTML + CSSText & Scroll
Riesiger Markenname unterm Vorhang
Am Ende des Inhalts hebt sich die Karte wie ein Vorhang und gibt den Markennamen über die volle Breite frei, Buchstabe für Buchstabe.
Einstellungen
16px
1x
Code
<div class="uvq14-cur"><div class="sc" tabindex="0" aria-label="Aurora"><article class="cd"><p class="kc">Designstudio</p><h3>Wir machen Marken, die man sich merkt</h3><p>Identität, Web und Verpackung für Leute, die Dinge mit Sorgfalt machen. Wir arbeiten von Valencia aus mit Kunden von überall.</p><p>Wenn du bis zum Ende scrollst, kennst du unseren Namen.</p></article><footer class="ft"><nav><a href="#">Instagram</a><a href="#">Mail</a><a href="#">Karte</a></nav><p class="sr">Aurora</p><p class="wm" aria-hidden="true" translate="no">Aurora</p></footer></div><span class="hn" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14M6 13l6 6 6-6"/></svg>Scrollen</span></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Text & Scroll
Alle ansehen: Text & ScrollWofür du ihn nutzen kannst
Viele Studio-Websites enden mit einem riesigen Schriftzug unter der Seite, und dieser Block baut diesen Effekt mit einem Sticky-Footer hinter der Inhaltskarte. Wenn die Karte wegscrollt, steigt jeder Buchstabe nacheinander von unten auf, und der Name wird so skaliert, dass er die Breite füllt, egal wie lang er ist. Er passt zu Agenturseiten, Portfolios, Restaurants und Marken-Landingpages.
Schreib den Markennamen ins Textfeld und passe die Footer-Links an. Die Hauptfarbe ist der Footer-Hintergrund, die Zweitfarbe der Schriftzug. Screenreader bekommen den Namen einmal als Text, die großen Buchstaben bleiben Dekoration.