Identity Guide
This is Harp’s Identity Guide. Think of it as the working specification for how Harp is presented, referenced and documented. This is a work in progress as we experiment with having an identity guide for an open source project.
Harp in 25 words
Harp, the static web server with built-in preprocessing, makes Markdown, LESS, CoffeeScript, and more, as easy to use as HTML, CSS, and JavaScript.
Harp in 50 words
Harp, the static web server with built-in preprocessing, makes Markdown, Jade, Sass, LESS, Stylus, CoffeeScript, and more, as easy to use as HTML, CSS, and JavaScript—no configuration necessary. Layouts, partials, and flexible metadata make it great for designers and developers, whether they’re making a static site or client-side app.
Wordmark
Download
Feel free to use the wordmark as described in this guide. They’re available to download in various sizes, colours and formats.
Spacing
Try and give the wordmark enough clear space so it appears distinct from other elements. This diagram is precise, but you can be approximate. The downloadable resources are already spaced properly.
Naming convention
Use
- Harp
- Harp web server
Avoid
- Harp.js
- HarpJS
It’s appreciated if you refer to Harp as “Harp” and not “HarpJS” or “Harp.js.” This indicates Harp is a web server and not specifically a JavaScript library. The exception to this naming convention is when explicitly writing out the URL “harpjs.com.”
Typography
Type is set in Open Sans, a type family designed by Steve Matteson.
Open Sans is available under the Apache licence, version 2.0, which means it can be distributed as part of Harp. Therefore, Open Sans should also used in any in-application views, like error description.
For promotinal applications, Open Sans 300 is used at large sizes as a main headline. Open Sans Condensed is never used, as this is reserved for the Harp Platform.
The quick, light web server jumps over the lazy build task
The quick, light web server jumps over the lazy build task. Harp is a production-ready web server. Rapidly build static sites and client-side applications using Markdown, Sass, CoffeeScript, and more—no configuration necessary.
Colours
Harp’s colour palette.
Generally, Blue, Off-white, Grey, and Dark are used. Light Blue and Dark Blue are used sparringly alongside Blue. Pink is rarely used; presently, it’s reserved for the main call to action on prominent landing pages.
- Light Blue
- #D3DEE1
- r211 g222 b225
- Blue
- #6B919E
- r107 g145 b158
- Dark Blue
- #546D7A
- r84 g109 b122
- Off-white
- #FCFCFC
- r252 g252 b252
- Grey
- #E5E5E5
- r229 g229 b229
- Dark
- #3B3B3B
- r59 g59 b59
- Pink
- #81586C
- r129 g88 b108