はてなブックマーク

A new typeface that takes us from button to billboard. Explore its character, function, and scale. Start

On May 15, 2018, Airbnb launched a new typeface called Airbnb Cereal across our product and brand. Airbnb Cereal was created in partnership with Dalton Maag—a global font foundry—and Airbnb’s Marketing and Experience Design teams. This case study is part of a launch series, and details the technical process story. Learn more about how we designed a distinguishable typeface that combines character,

At Airbnb, we love typography because we see it as a building block for creating meaningful connections around the world. As a company that’s designing online and offline experiences, we saw a clear opportunity to create a distinct typeface that can carry the weight of both—to leap off the screen to a magazine. We needed to design a typeface that combines character, function, and scale. Because of

The time required to test an idea should be zero. This was the very first sentence I wrote when considering the Airbnb design tools team vision. We believe that, within the next few years, emerging technology will allow teams to design new products in an expressive and intuitive way, while simultaneously eliminating hurdles from the product development process. As it stands now, every step in the

Today, we’re excited to share a tool we built to help bridge the gap between designers and engineers working on design systems at scale. React-sketchapp is an open-source library that allows you to write React components that render to Sketch documents. If you’re a designer or an engineer familiar with React, you should feel right at home with the new library, and you can play with it right now. H

In the past, building complex animations for Android, iOS, and React Native apps was a difficult and lengthy process. You either had to add bulky image files for each screen size or write a thousand lines of brittle, hard-to-maintain code. Because of this, most apps weren’t using animation — despite it being a powerful tool for communicating ideas and creating compelling user experiences. One year

Easily add high-quality animation to any native app. Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images. Get Started Learn more › Why Lottie? Flexible After Effects features We currently support solids, shape layers, masks, alpha mattes, trim paths, and dash patterns. And we’ll

Air/shots is an internal initiative from our design tools team. A  feature on air/shots originally published in Fast Company earlier this year. Airshots in action I’m a Design Technologist. To be honest, I’m not sure exactly what that means. While my official job description is to create tools for the Design team at Airbnb, I also try to keep in mind how the tools I develop can help the entire com

____ The machine was, and still is, my constant partner. I need her in order to translate the creative thoughts in my head into tangible ideas I can share with the world. Transitioning to design from a modern dance career in my twenties, I never thought a machine would be my accomplice for innovation. Machines have rapidly developed intelligence in this generation and their capabilities are changi

This article is part of a series on our new Design Language System. Karri recently answered questions about this topic in a Designer News “Ask Me Anything” interview. Click here to read the transcript. Working in software development and design, we are often required to ship one-off solutions. Sometimes we’re working within time constraints and sometimes we just haven’t yet agreed upon a path forw