Glass provides a new kind of interface. As with anything new it provides both new opportunities as well as new design challenges. We’ve put this handy guide together to help you get started designing for Glass. We’ll run through the correct typography, letter spacing and line heights. so you’re up to speed on where to start.
What are Timeline Cards?
Timeline cards are the core of the user interaction with Glass. They don’t just display content but also how your users interact with content on Glass. It’s important to create timeline cards that are clear, presentable and readable in both format and style.
Using the Mirror API
The Mirror API Playground lets you see how your content is going to look on Glass using pre-defined HTML templates which can be used within your app and as part of your development.
Use the Mirror API when:
- You want to display structured content such as lists or tables.
- You want greater flexibility in designing your content.
Design your own HTML
Designing your own template allows you to control exactly how your content is rendered. It’s important to keep content on Glass consistent. The Mirror API covers all the standard layouts but if you require a more custom design, then fire up photoshop and coda. and follow the basic principals
Fonts and Typography
- Dynamic Roboto Thin – for body copy
- Roboto Light – Sub headings
- Letter Spacing – 0 Optical
- Recommended Line Height – 100%
Download the PSD UI Kit
We’ve put together this handy PSD template to get you started designing for Glass, download it and use as you wish.
[download id=”30″ format=”Standard”]