CSS Beispiele für Typografie und Basiselemente

Peleke

Lieutenant
Registriert
Feb. 2006
Beiträge
929
Für eine neue kleine Website bin ich auf der Suche nach einer stimmigen Designauswahl für Schrift sowie die Formatierung der meist verwendeten Elemente wie h2, p, a, p, li etc.
Gibt es eine Seite auf der stimmige Kombinationen in einer Übersicht dargestellt werden als Inspiration?
Es geht mir nicht um ein Theme mit Layout.
 
Adam Argyle, einer der Chrome CSS Entwickler, hat eine kleine Videoreihe zum Thema Typografie gemacht. Er macht im allgemeinen ziemlich gute Videos zum Thema CSS.

https://www.youtube.com/channel/UCBGr3ZMcV5jke40_Wrv3fNA

 
  • Gefällt mir
Reaktionen: Peleke und netzgestaltung
Danke, auf jeden Fall eine tolle Beschreibung.
Zusätzlich würde ich mich trotzdem noch über ein paar weitere Beispiele freuen. Ich hätte gedacht es würde so eine Seite geben.
 
gibt es bestimmt, aber Du hast nur nach Typografie gefragt, was relativ schwammig ist. Das Thema der Seite, evtl. das Logo, sind alles Sachen die da mit rein spielen. Etwas mehr Infos wären also nicht schlecht.
 
Es geht um meinen persönlichen Blog, der dementsprechend nicht zu formell oder steif wirken soll, aber jetzt auch nicht super verspielt und bunt.
Zusätzlich zu Typografie wäre natürlich auch eine Farbpalette klasse, für Links, Navigation etc.
Ein Logo habe ich nicht.
 
Also für Farbpaletten bietet sich das Adobe Color-Wheel an. Es generiert auch die passenden Komplementärfarben

https://color.adobe.com/de/create/color-wheel

wegen weiterführender Typografie einfach mal die Grundlagen aus den Videos nehmen und es evtl. mit verschiedenen Google Fonts o.Ä. ausprobieren.

https://fonts.google.com/

Und sich trotzdem ruhig mal andere Themes für die Inspiration anschauen. Wenn man selbst kein Designer ist, tut man sich mit solchen Sachen halt schon mal schwer (bin selbst auch nur Entwickler und weiß wie das ist ^^)

Vielleicht auch noch mal in den Kanälen von Kevin Powell, DesignCourse und anderen stöbern:

https://www.youtube.com/user/KepowOb

https://www.youtube.com/user/DesignCourse
 
Danke, das habe ich jetzt verwendet und bin sehr positiv überrascht von den schnellen ansprechenden Ergebnissen 😀
 
Zurück
Oben