Free HTML/CSS Templates viCard und Helvetica

Nachdem beim Smashing Magazine Typographic Layout Design Contest mein Beitrag viCard (Virtuelle Visitenkarte) anscheinend ganz gut angekommen ist, habe ich mich von Paul Linders Layout Contrast inspirieren lassen und ein Template namens Helvetica, welches ebenfalls stark durch horizontale Linie geprägt ist, entworfen.

Helvetica ist angelehnt an die Swiss Typo Bewegung der 60er Jahre des letzten Jahrhunderts.
Das Template greift ausschließlich auf die font-family Helvetica bzw. auf Microsofts Pendant Arial zurück. Daher auch der Name.

Beide Templates sind für die gängigsten Mediatypes (screen, projection, handheld und print) ausgelegt und stehen unter einer Creative Commons by-nc-sa Lizenz zum herunterladen bereit.

viCard Template

viCard Template Bildschirm Ansicht

viCard Download&Vorschau

viCard Beschreibung/Description

README.TXT
TEMPLATE

id/version:
  viCard v0.4
autor/copyright:
  Simon Gattner
date/location:
  09-06-21 Berlin Germany
contact/url:
  /
licence:
  BY-NC-SA*
  http://creativecommons.org/licenses/by-nc-sa/3.0/deed.en_GB

description:
  viCard (Virtual Identity Card) is based on the idea
  presenting your (business) Card in the web by answering
  three simple questions:
  Who are you?
  How to Contact you?
  How to follow you?
  Share your contact information and link your Flicker,
  Twitter or del.icio account.
  Integrated hCard and vCard
  Screen, print and mobile/handheld friendly.
  Valid HTML 4.01 Strict and CSS 2.1.

viCard History/Changelog

viCard Version 0.4

change.log
CHANGELOG

  viCard v0.4 09-07-11
    index.html change hCard postal-code title D-13000
    index.html change #footer paragraph to unordert-lists
    vcard.vcf  change postal-code to D-13000
    style.css  change #footer.section.col width
    style.css  change h1/h2 font-size for more flexibility
    main.js    change name of onload functions to load(In|Ex)HTML()

Helvetica Template

Helvetica Template Bildschirm Ansicht

Helvetica Download&Vorschau

Helvetica Beschreibung/Description

README.TXT
TEMPLATE

id/version:
  Helvetica v0.1
autor/copyright:
  Simon Gattner
date/location:
  09-07-09 Berlin Germany
contact/url:
  /
licence:
  BY-NC-SA
  http://creativecommons.org/licenses/by-nc-sa/3.0/deed.en_GB
description:
  Helvetica is simple typographic Layout bringing a bit more
  Swiss Typo into the World Wide Web.
  Integrated hCard and vCard.
  Screen, print and mobile/handheld friendly.
  Valid HTML 4.01 Strict and CSS 3.

Kommentare

Es sind noch keine Kommentare vorhanden.

Kommentar schreiben

  • (optional, Email Adresse wird nicht angezeigt)