An elegantly crafted UI Kit for CSUN branded prototypes & applications.
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.
Install Metaphor with Bower package manager into your project:
$ bower install metaphor --saveIn 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>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.
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.