Frontify: Design review, documentation, and specification app

Frontify looks like an interesting SaaS product for design teams. It provides collaborative features for getting design feedback, creating specifications, documentation and style guides, and linking pages together.

The commenting and linking features are what you'd expect, but what I was really impressed with are the measures, colors, and typography tools for generating style guides. Very nicely done. There are additional capabilities for code export & integration with their API.

Semantic UI Library

Semantic UI is a framework for building HTML sites that aims at creating a system based on semantic naming and sensible defaults.

The framework compares itself directly with Bootstrap. It uses simple, common language for parts of interface elements and familiar rules used in natural languages for describing elements. Interface definitions are tag ambivalent so you can use div, article, section, span without affecting the display of the element.

Macaw: Code-savvy web design tool

Macaw is a forthcoming Mac application for designing pages for web browsers that are ready to use as web-native code. The app runs natively in html and css, and provides excellent export to clean html and css.

There are some great optimizations for nudging/pudging on a grid, and for setting properties that make sense for css—thinking of positioning and dimensions.

The outline view is a nice way to browse through all the groups in the document and adding container tags and/or classes for semantic html publishing. It's well matched to how you'd think in html. It leap-frogs the heavier prototyping tools, but it's limited to creating static pages, like comps, for now. I'm not sure what the graphics output options will be.

The html export is clean, maybe cleaner and more efficient than what I would write because it's a robot. Look really interesting, and is yet another approach to designing more directly for the browser.

Watch the sneak preview video to learn more.

Sketchnote Typeface by Mike Rohde

Mike Rohde’s Sketchnote font can be purchased on Delve for desktop and webfont use. Mike created the font for the Sketchnote handbook and writes about its design on his blog. The family has four fonts: Sketchnote Text in Reg­ular, Bold and Italic, plus Sketchnote Square.

Sketchnote Text is a friendly, casual script with a bouncy baseline and a warm texture. To emulate natural hand­writing, OpenType features auto­matically switch be­tween multiple versions of each letter or number, with over 240 alter­nates in each text font. OpenType kerning classes are used with unique kerns made to tame pairings of all those wily alter­nates for con­sistent spacing.

Sketchnote Square is a bold, somewhat com­pressed head­line type that complements the text fonts. Drawn in­stead of written, the characters in Square have neat little hap­pen­stance voids within the strokes. Square also fea­tures a handy selection of fun icons, rules, and arrows—some functional tidbits for your design projects.

I've already purchased a license for myself and used it in Mockups and it's outstanding. You can peep it in a wireframe here. The character there is perfect.

You can download the whole family for $99, or by individual fonts for $29. More info at Delve.

FontPrep: Web Font Generator for Mac

FontPrep is a web font generator for the Mac with a simple drag/drop interface for adding your TTF and OTF font files and generating all of the respective font-formats for the web: WOFF, EOT, and SVG. Each converted web-font is bundled with @font-face declarations, and a subsettings feature allows you to select which character sets to include.