D/7 G01
Frosted Glass
Für Hero-Inhalte, Teaser oder ruhige Infoflächen auf dunklem Hintergrund.
Weniger Fläche.
Mehr Tiefe.
Mehr Tiefe.
← Zur D/7 Designbibliothek
15 Premium-Effekte für Websites, bei denen man zweimal hinschaut.
Glas, Licht, Tiefe und Bewegung können einer Website etwas Besonderes geben – wenn sie gezielt eingesetzt werden und nicht um Aufmerksamkeit kämpfen.
Hier zeigen wir 15 Ideen für Hero-Bereiche, Karten, Navigation, Buttons, Typografie und einzelne Highlights.
Gefällt Ihnen ein Effekt, setzen Sie ihn einfach auf Ihren D/7 Merkzettel. So sehen wir später sofort, welche Richtung Sie für Ihr Projekt mögen. Wenn Sie selbst bauen, können Sie den jeweiligen Code direkt unter dem Beispiel aufklappen und übernehmen.
D/7 G02
Glossy Button
Für wichtige Buttons, die etwas edler wirken dürfen, ohne laut zu werden.
HTML & CSS für G02 +
D/7 G03
Floating Glass Navigation
Für schwebende Menüs, Projektseiten oder eine moderne Navigation über Bildern.
HTML & CSS für G03 +
D/7 G04
Orbit Border
Für einzelne Karten, Vorteile oder Angebote, die subtil hervorgehoben werden sollen.
Leise. Aber sichtbar.
HTML & CSS für G04 +
D/7 G05
Chrome Type
Für einzelne Wörter oder große Headlines, die zum eigentlichen Gestaltungselement werden.
PREMIUM
HTML & CSS für G05 +
D/7 G06
Aurora Silk
Für Hero-Bereiche oder große Flächen, die ruhig wirken und trotzdem leben sollen.
Nicht ganz still.
HTML & CSS für G06 +
D/7 G07
Layered Depth
Für Referenzen, Projekte oder Informationen, die räumlicher wirken dürfen.
Mehr Tiefe.
HTML & CSS für G07 +
D/7 G08
Spotlight
Für dunkle Karten, CTA-Bereiche oder Flächen, die auf die Maus reagieren sollen.
Bewegen Sie die Maus.
HTML, CSS & JS für G08 +
D/7 G09
Light Sweep
Für Produktkarten, Referenzen oder einzelne Flächen mit einem feinen Lichtmoment.
Ein Lichtmoment.
HTML & CSS für G09 +
D/7 G10
Pearl Surface
Für helle Premium-Seiten, Preisboxen oder ruhige Karten ohne dunklen Look.
Subtil.
HTML & CSS für G10 +
D/7 G11
Deep Blue Halo
Für starke Headlines, Kennzahlen oder einen ruhigen Fokus in dunklen Bereichen.
Tiefe.
HTML & CSS für G11 +
D/7 G12
Magnetic Glass
Für Projektkarten oder Premium-Inhalte, die beim Darüberfahren räumlich reagieren.
Details.
HTML, CSS & JS für G12 +
D/7 G13
Holographic Foil
Für einzelne Highlights, Kampagnen oder Marken, bei denen es etwas mutiger sein darf.
Holographic
HTML, CSS & JS für G13 +
D/7 G14
Glass Lens
Für große Typografie oder interaktive Hero-Bereiche, bei denen Entdecken Teil des Designs wird.
REFRACTION
HTML, CSS & JS für G14 +
D/7 G15
D/7 Signature
Für einen besonderen CTA, Hero-Abschluss oder eine einzelne Fläche mit maximaler Ruhe.
Ein Detail mehr.
Genau das richtige.
Genau das richtige.
HTML, CSS & JS für G15 +
D/7 Designbibliothek
Weitere tolle Ideen für Ihre Website entdecken.
Einfach weiterstöbern – Ihr D/7 Merkzettel bleibt erhalten.
01
Seitenanfang
Hero-Bereiche
Entdecken →
02
Hintergrund
Bewegte Premium-Hintergründe
Entdecken →
03
Farben
Farben & Farbtöne
Entdecken →
04
Schrift
Typografie
Entdecken →
05
Inhalte
Karten & Boxen
Entdecken →
06
Kontakt
CTA-Bereiche
Entdecken →
07
Buttons
Button-Effekte
Entdecken →
08
Interaktion
Hover-Effekte
Entdecken →
09
Bewegung
Animationen & Scroll-Effekte
Entdecken →
10
Premium
Premium & Glossy
Entdecken →
Gefunden, was Ihnen gefällt? Den Rest können wir auch übernehmen.
Die D/7 Designbibliothek ist zum Anschauen, Ausprobieren und Merken da. Wenn daraus eine neue Website, ein Relaunch, SEO oder laufende Betreuung werden soll, finden Sie hier die passenden Bereiche.
Neue Website
Webdesign
Webdesign ansehen
Webdesign
Berlin
Wenn aus einzelnen Ideen eine komplette Website werden soll: Gestaltung, WordPress und Umsetzung direkt bei dailyseven.
Erst einmal draufschauen
Website-
Website prüfen lassen
Website-
Check
Muss wirklich alles neu? Wir schauen, was gut ist, was stört und wo sich eine Änderung tatsächlich lohnt.
Wenn ein Update nicht mehr reicht
Website-
Relaunch ansehen
Website-
Relaunch
Die alte Website darf bleiben, wo sie ist. Wir übernehmen, was noch gut funktioniert, und bauen den Rest sauber neu.
Wenn bei Google mehr passieren soll
SEO &
SEO ansehen
SEO &
Google
Gute Gestaltung allein bringt noch keine Besucher. Wenn Sie gezielt besser gefunden werden möchten, kümmern wir uns auch darum.
Auch nach dem Start
Website-
Betreuung ansehen
Website-
Betreuung
Updates, Änderungen, neue Inhalte oder technische Fragen: Wenn Sie sich darum nicht selbst kümmern möchten, machen wir das.
Wenn auch verkauft werden soll
WooCommerce
WooCommerce ansehen
WooCommerce
Shops
Produkte, Bestellungen und Bezahlung direkt über WordPress. Für kleinere Shops genauso wie für umfangreichere Projekte.