Masterpage
© Immobilien Bookmeyer – Inh. Christian Bookmeyer e. K. 2024
Jetzt anrufen und kostenlose Erstberatung genießen:
Menü
Das Farbkonzept beruht auf dem CI Farbton des Unternehmens – das rot. Als sehr intensiver Ton wurde mit dem Kunden abgesprochen diesen nur als Auszeichnungsfarbe einzusetzen und mit einem dunklen Blau zu ergänzen, das auch in Printanzeigen genutzt wird.
Rot: Verlinkungen & Kontakt (Headline), Designlinien im Header
Dunkles Blau: Überschriften
Beige: als hellerer flächiger Ton. Passt gut weil er sollte nicht zu dunkel sein und natürlich wirken (wie Sandstrand) – übernommen von alter Website.
Dunkles Grau: Als Farbton für Texte und weitere Überschriftenfarbe wurde diese mit dem Kunden abgestimmt, da er schwarz hier zu hart finden würde. Die Farbe sollte trotdem dunkel genug sein, um eine gute Lesbarkeit zu garantieren.
Helles Grau: Als Alternative für den Beigeton.
Weiß: Als Hintergrundfarbe, im Footer für Überschriften und bei der Gestaltung von Buttons eingesetzt.
Fließtext Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Für die Überschriften und den Textbody wurde eine serifenlose und schlanke Schrift ausgewählt: „Roboto Condensed“.
Roboto ist sehr gut mit vielen Schriften kombinierbar und gerade die Condensed ist eine Schrift, die wenig Raum braucht und gerade bei Überschriften unnötige Umbrüche vermeiden kann. Trotzdem ist sie sehr gut lesbar. Und somit auch gut für den Fließtext zu nutzen.
Für den Header und den Footer wurden Sonderschriften Verwendet. Eine Schreibschrift auf Wunsch des Kunden und „Arial“ für die H1 Header in Anlehnung an das Logo und in Rücksprache mit dem Kunden. Für bessere Lesbarkeit auf Bildern sorgt der Schatten.
Die Sonderschrift „Anton“ für den Footer und Buttons sollte ebenfalls platzsparend (wegen möglicher Umbrüche) und auch auf Bildern gut lesbar sein.