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 hellegrauer oder ein blassgelber Hintergrund noch besser geeignet (siehe z.B. ...). 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

 


Titel Titel
Thema xyz
 
Thema xyz
 
Thema xyz
Thema xyz
 
Thema xyz
 
Thema xyz

 

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.

 

Top News ... PC-Informatik ... Top News ...

 

Top News ... Top News ... Top News ...

Suchen Sie qualifizierte Informatiker für Ihre EDV-Projekte?
Wenn ja, dann melden Sie sich doch bei uns.
Suchen Sie qualifizierte Informatiker für Ihre EDV-Projekte?
Wenn ja, dann melden Sie sich doch bei uns.

 


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!

Wollen Sie eine preisgünstige aber professionelle Website innert kurzer Zeit?
Dann informieren Sie sich über meine Angebote und nehmen Sie Kontakt mit mir auf.

!!! ACHTUNG !!! Bis Ende März 2022 gelten spezielle Aktionspreise!