Mashup Template: 7 kostenlose HTML/CSS-Templates für moderne Websites

Dieter Petereit

ist seit 1994 im Netz unterwegs, aber bereits seit über 30 Jahren...

Die Minisammlung Mashup Template bietet kostenlose Vorlagen als HTML/CSS, Sketch und NPM. Die Optik ist sehr zeitgemäß. Schauen wir mal rein.

Mashup Template: Promo-Freebie aus dem Hause Orson.io

Mashup Template ist ein Sideproject des Teams des Website-Builders Orson.io, der sich bislang eher mäßiger Bekanntheit erfreut. Wie wir von InVision gelernt haben, erzeugen wir deutlich erhöhte Aufmerksamkeit auf dem leichtesten Wege durch das Verschenken nützlicher Goodies. Und Templates sind schon seit Jahrzehnten das Goodie schlechthin.

Mashup Templates: Landing Page. (Screenshot: Dr. Web)

Bei der Vielzahl an freien Templates ist es heutzutage glücklicherweise so, dass das reine Verschenken von Freebies nicht reicht. Mittlerweile kann sich der potenzielle “Kunde” einen gewissen Qualitätsanspruch leisten. Wer also heutzutage das Design der Neunziger als freies Template unter die Leute bringen will, wird sich nur einer sehr mäßigen Dankbarkeit ausgesetzt sehen.

Mashup Template: HTML, CSS, Sketch und NPM

Die Vorlagen aus dem Mashup Template gehören allerdings zu den besseren Vertretern ihrer Zunft. Sogar eine gute Preview-Funktion bietet die Projektseite. So kannst du vor dem Download sehr genau sehen, was du geliefert bekommst und wie das auf Desktop, Tablet und Smartphone aussehen wird.

Detaillierte Preview für jedes Template. (Screenshot: Dr. Web)

Alle Templates sind responsiv gestaltet. Manche kommen mit einem klassischen mehrseitigen Layout, andere sind als OnePager konzipiert. Allen gemeinsam ist, dass sie auf der Basis von Layoutblöcken zusammengestellt sind. So kannst du das vorgeschlagene Layout sehr einfach remixen und zu deinem eigenen machen.

Alle Templates sind kostenfrei verwendbar, solange du den Backlink zur Projektseite im Footer belässt. Neben den HTML/CSS-Varianten ist auch jeweils ein Sketch-File, sowie eine Version für den JavaScript Package Manager NPM im Angebot. Die Webversion basiert auf Bootstrap 3, Webpack und SCSS.

Die Beispielbilder stammen sämtlich aus Unsplash und können daher ebenso frei benutzt werden. Sehr faule Menschen ändern also einfach die Texte und sind fertig damit.

Mashup Template: Lizenz und Perspektive

Das Projekt steht unter der liberalen MIT-Lizenz und schränkt von daher die Nutzung nicht ein. Du könntest auch eine Kundenwebsite auf der Basis der Mashup Templates bauen, wenn du auf diese Idee kämest. Mitwirkung ist ausdrücklich erwünscht. Die Macher erhoffen sich ein reges Wachstum durch Kontributionen Dritter. Auch selber wollen sie das Portfolio regelmäßig um neue Templates erweitern.

E-Book Effektives Online Marketing von Andreas Hecht

E-Book: Effektives Online Marketing

Entdecke die Power des perfekten Online-Marketings für deine Website. Du erfährst neue Techniken, die deine Website automatisch besser ranken lassen und die dir nach und nach einen Expertenstatus verleihen werden. [...]

Dieter Petereit

ist seit 1994 im Netz unterwegs, aber bereits seit über 30 Jahren in der IT daheim. Seit Anfang des neuen Jahrtausends schreibt er für diverse Medien, hauptsächlich zu den Themenfeldern Technik und Design. Man findet ihn auch auf Twitter und Google+.

Hinterlasse einen Kommentar

Hinterlasse den ersten Kommentar!

Benachrichtige mich zu:
avatar
wpDiscuz