Farbmuster Balken (zuerst Hintergrund wählen)
Werbung
|
Farb-Paletten allgemein
Ein wichtiger Teil bei der Gestaltung von Websites ist ein ausgewogenes und auf einander abgestimmtes Farbkonzept. Je nach Wunsch kann dies ein bewusst buntes oder auch ein sehr dezentes Farbkonzept sein. Auf jeden Fall sollen die Farben zum gewählten Hintergrund passen. So passt z.B. eine gelbe Überschrift gut auf einem blauen Hintergrund, nicht aber auf einem weissen Hintergrund.
Auf dieser Seite finden Sie grundlegende Farbmuster von diversen Elementen (Überschriften, Tabellen, Boxen, Rahmen, etc.), die auf den jeweiligen Hintergrund abgestimmt sind. Diese Farbmuster können innerhalb der gleichen Farbkategorie bis zu einem bestimmten Grad (z.B. helleres oder dünkleres Gelb) mit Hilfe der verschiedenen Farbtabellen variiert werden (siehe Farbmuster-Menüs auf der linken und rechten Seite).
Farbbalken in 16 Standardfarben
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Textmuster in 16 Standardfarben (normal, grösser und fett)
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Auf der Basis dieser Muster (und deren Variationen) können je nach Hintergrund die Farben der verschiedenen Elemente definiert werden.
Farb-Paletten
für den aktuellen Hintergrund
Mit einem weissen (oder sehr hellen) Hintergrund verwendet man eher ein dezentes und nicht zu buntes Farbkonzept mit wenig Farbkombinationen. Dies wirkt schlicht und elegant. Anstatt weiss wäre z.B. ein hellgrauer oder blassgelber Hintergrund noch besser geeignet (siehe z.B. Hintergrund Gelb, aber auch Mustertemplate T5). Je nach Thema und Gestaltungsabsicht sind natürlich auch buntere Farben möglich, wie das vorliegende Beispiel zeigt.
Die folgenden Muster sind auf den aktuellen Hintergrund abgestimmt
(dezent und kräftig im Farbton, Kontrastfarben)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Textmuster |
Überschriften (Header)
Mit den verschiedenen Standard-Überschriften (h1 bis h6) gliedern Sie Ihre Texte. Grösse, Farbe, Abstände und sonstige Gestaltungsparameter sind im Stylesheet definiert. Ändern Sie die Parameter im Stylesheet, passen sich alle Überschriften sofort den neuen Einstellungen an. Gleiches gilt für alle anderen Texte, Hintergrund- und Rahmenfarben.
Variante 1:
H1-Überschrift,
H2-Überschrift,
H3-Überschrift,
H4-Überschrift,
H5-Überschrift,
H6-Überschrift
Variante 2:
H1-Überschrift,
H2-Überschrift,
H3-Überschrift,
H4-Überschrift,
H5-Überschrift,
H6-Überschrift
Verweise (Links)
Standardverweis Verweis "focus" Verweis "hover" Verweis "active"
Tabellengestaltung
Mit Hilfe von Tabellen und Bilder kann der Seiteninhalt strukturiert und aufgelockert dargestellt werden. Hier einige Beispiele:
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla iaculis, turpis at volutpat fringilla, lectus eros vulputate quam, a viverra elit turpis id leo. Integer ac tortor eros, in luctus tortor. Vivamus euismod purus a mi rhoncus rutrum. Aenean et ipsum at magna facilisis blandit. Donec cursus quam nec urna dapibus. |
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla iaculis, turpis at volutpat fringilla, lectus eros vulputate quam, a viverra elit turpis id leo. Integer ac tortor eros, in luctus tortor. Vivamus euismod purus a mi rhoncus rutrum. Aenean et ipsum at magna facilisis blandit. Donec cursus quam nec urna dapibus. |
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla iaculis, turpis at volutpat fringilla, lectus eros vulputate quam, a viverra elit turpis id leo. Integer ac tortor eros, in luctus tortor. Vivamus euismod purus a mi rhoncus rutrum. Aenean et ipsum at magna facilisis blandit. Donec cursus quam nec urna dapibus. |
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla iaculis, turpis at volutpat fringilla, lectus eros vulputate quam, a viverra elit turpis id leo. Integer ac tortor eros, in luctus tortor. Vivamus euismod purus a mi rhoncus rutrum. Aenean et ipsum at magna facilisis blandit. Donec cursus quam nec urna dapibus. |
Titel |
Titel |
Titel |
Text |
Text |
Text |
Text |
Text |
Text |
Text |
Text |
Text |
Text |
Text |
Text |
Titel |
Titel |
Titel |
Text |
Text |
Text |
Text |
Text |
Text |
Text |
Text |
Text |
Text |
Text |
Text |
Text |
Text |
Text |
Text |
Text |
Text |
Text |
Text |
Text |
Text |
Text |
Text |
Textblöcke und Rahmen
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla iaculis, turpis at volutpat fringilla, lectus eros vulputate quam, a viverra elit turpis id leo. Integer ac tortor eros, in luctus tortor. Vivamus euismod purus a mi rhoncus rutrum. Aenean et ipsum at magna facilisis blandit. Donec cursus quam nec urna dapibus quis auctor nulla auctor. Pellentesque elementum tortor in mi dictum facilisis. Morbi lectus ipsum, aliquam ut interdum quis, faucibus sed urna. Suspendisse vitae lectus ipsum, eget cursus magna. Vivamus id egestas sem. Etiam molestie convallis nibh eu rutrum. Curabitur sed libero nisl.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla iaculis, turpis at volutpat fringilla, lectus eros vulputate quam, a viverra elit turpis id leo. Integer ac tortor eros, in luctus tortor. Vivamus euismod purus a mi rhoncus rutrum. Aenean et ipsum at magna facilisis blandit. Donec cursus quam nec urna dapibus quis auctor nulla auctor. Pellentesque elementum tortor in mi dictum facilisis. Morbi lectus ipsum, aliquam ut interdum quis, faucibus sed urna. Suspendisse vitae lectus ipsum, eget cursus magna. Vivamus id egestas sem. Etiam molestie convallis nibh eu rutrum. Curabitur sed libero nisl.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla iaculis, turpis at volutpat fringilla, lectus eros vulputate quam, a viverra elit turpis id leo. Integer ac tortor eros, in luctus tortor. Vivamus euismod purus a mi rhoncus rutrum. Aenean et ipsum at magna facilisis blandit. Donec cursus quam nec urna dapibus quis auctor nulla auctor. Pellentesque elementum tortor in mi dictum facilisis. Morbi lectus ipsum, aliquam ut interdum quis, faucibus sed urna. Suspendisse vitae lectus ipsum, eget cursus magna. Vivamus id egestas sem. Etiam molestie convallis nibh eu rutrum. Curabitur sed libero nisl.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla iaculis, turpis at volutpat fringilla, lectus eros vulputate quam, a viverra elit turpis id leo. Integer ac tortor eros, in luctus tortor. Vivamus euismod purus a mi rhoncus rutrum. Aenean et ipsum at magna facilisis blandit. Donec cursus quam nec urna dapibus quis auctor nulla auctor. Pellentesque elementum tortor in mi dictum facilisis. Morbi lectus ipsum, aliquam ut interdum quis, faucibus sed urna. Suspendisse vitae lectus ipsum, eget cursus magna. Vivamus id egestas sem. Etiam molestie convallis nibh eu rutrum. Curabitur sed libero nisl.
|
|
|
|
Farbmuster Texte (zuerst Hintergrund wählen)
Werbung
Ihr Nutzen:
- Präsenz im Internet
- Präsentation Ihres Unternehmens
- Präsentation Ihrer Produkte
- Kunden-Informationen
- professionelle Gestaltung
- Schnelle Umsetzung
- Preisgünstig
Ab CHF 400.-
sind Sie dabei!
|