Gruslig HTML-Vorlagen

Für Mobilgeräte optimierte, gruselige HTML-Vorlagen

Gruselige HTML-Vorlagen bieten Ihnen eine fertige, schaurige Komposition mit bereits platzierten Fotos, Überschriften und Abständen. Dark Interior Style und Youth Fashion erscheinen neben den Halloween-Designs, sodass dieser Gruselbereich auch stimmungsvolle Projekte ohne Feiertagsbezug abdeckt. Ein fertiges Design bedeutet, dass bereits geplant wurde, wo das Hauptbild steht und wie sich der Text über einem dunklen Bild lesen lässt. Sie müssen nur noch eine Komposition wählen, die zu Ihrem Zweck passt, und Ihre eigenen Inhalte einfügen.

Kompositionen für unterschiedliche Ziele

Designs lassen sich leichter vergleichen, wenn man die Aufgabe der jeweiligen Layouts betrachtet:

1. Die Bewerbung einer Geisterbahn erfordert einen dramatischen ersten sichtbaren Bereich, in dem ein großes Foto den Titel und einen Call-to-Action trägt.
2. Eine Kunstgalerie stellt Bilder an die erste Stelle und beschränkt den Text auf Titel und kurze Notizen.
3. Ein Halloween-Event benötigt neben dem Bildmaterial Platz für Datum, Ort und eine kurze Beschreibung.
4. Ein stimmungsvolles Portfolio setzt auf große Fotos und wenig Text, sodass jedes Bild für sich allein Aufmerksamkeit wecken muss.

Auf Nicepage nutzt die Gruselkategorie Text On Image, daher platzieren viele Designs die Überschrift direkt über einem Foto. Demobilder lassen meist eine dunkle, freie Fläche für den Text frei – eine unruhige Tageslichtaufnahme Ihrer eigenen Attraktion bietet das möglicherweise nicht.

Komplette Seiten oder einzelne Blöcke

Nicepage unterteilt die Kategorie in Seiten und Blöcke. Seitendesigns reichen vom ersten sichtbaren Bereich bis zum letzten Abschnitt, während ein Block ein einzelner Abschnitt ist, den Sie zu einem bestehenden Layout hinzufügen. Mehrere der bekanntesten Gruseldesigns, darunter Preparing For Halloween und Youth Fashion, sind Galerieblöcke mit drei hohen Fotos und ganz ohne Text. Ein solcher Block füllt eine Lücke auf einer fertigen Seite, während ein Seitendesign zu einem Projekt passt, das ganz von vorne beginnt.

Sobald ein Design ausgewählt ist, lassen sich echte Inhalte am besten in dieser Reihenfolge einfügen:

1. Ersetzen Sie die Demobilder durch Fotos mit ähnlicher Stimmung und ähnlichem Format.
2. Formulieren Sie Überschriften in etwa der Länge des Demotextes und prüfen Sie, ob jeder Titel weiterhin zu seinem Bild passt.
3. Entfernen Sie Abschnitte, die Sie nicht benötigen, oder fügen Sie einen Block aus derselben Kategorie hinzu.

Schmale Bildschirme decken Schwachstellen auf

Mit den Responsive-Modi in Nicepage können Sie ein Design auf allen Displaygrößen prüfen – vom großen Desktop-Monitor bis zum Smartphone im Hochformat. Achten Sie auf einem Smartphone auf den ersten sichtbaren Bereich und darauf, wie weit der Text über das Hero-Hauptbild reicht; scrollen Sie dann nach unten, um zu sehen, wie die Abschnitte untereinander angeordnet werden. Drei Fotos in einer Galeriezeile verwandeln sich oft in eine hohe Spalte, wodurch die nächste Überschrift weit nach unten rückt. Wenn das Geisterbild und seine Überschrift auch in dieser Breite noch zusammen zu sehen sind, hält die Komposition auch mit echten Inhalten stand.