/metaphor

An elegantly crafted UI Kit for CSUN branded prototypes & applications.

Primary LanguageCSSMIT LicenseMIT

Metaphor UI Kit

An elegantly crafted UI Kit for CSUN branded prototypes & applications.

Introduction

Metaphor is a user interface kit (UI Kit) that ensures web applications maintain consistency with CSUN branding and identity standards. Metaphor was built specifically to improve the mobile user experience and assures compliance with ADA guidelines on all platforms. It will also extend the current utility of the Web-One guidelines to incorporate web-applications.

Getting Started

Install Metaphor with Bower package manager into your project:

$ bower install metaphor --save

In your project add the following and update the paths to Metaphor:

<!DOCTYPE HTML>
<html class="no-js" lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Metaphor by META+LAB</title>
  <meta name="description" content="">

  <script src="//use.typekit.net/gfb2mjm.js"></script>
  <script>try{Typekit.load();}catch(e){}</script>

  <link rel="stylesheet" href="../project/path/to/metaphor.css">
</head>
<body>
  <!-- Add Code & Start Building :D -->

  <script src="../project/path/to/metaphor.js"></script>
</body>
</html>

Bugs and Feature Requests

Have a bug or a feature request? Please first read the issue guidelines and search for existing and closed issues. If your problem or idea is not addressed yet, please open a new issue.

Contributing

Please read through our contributing guidelines. Included are directions for opening issues, coding standards, and notes on development.

Editor preferences are available in the editor config for easy use in common text editors. Read more and download plugins at http://editorconfig.org/#download.