Lead by Design

We’ve created quite a few webpages to help people design great products faster.
To help you find what you’re looking for, we’ve organized our pages into groups.

ZURB

A product design company since 1998. Follow us @ZURB.


ZURB.com

We've worked with more than 250 startups since 1998.

Current Openings

Ready to work with the world's best product design company? Check out our list of full-time jobs and part-time gigs.

  • Designer

    Oh Ya, I've Built That!

  • ZURB Advocate

    A web-savvy, smart, motivated individual who lives to connect

ZURBlog

The ZURBlog is where we discuss product design, business and strategy. We use design thinking to challenge businesses and designers to improve the products and services they create.

Latest Blog Posts

ZURB News

ZURB News is our monthly newsletter by our Chief Instigator, Bryan Zmijewski, to keep you up-to-date on design and all things ZURB.

Social Sites

ZURB is here, there and everywhere! Follow us on your favorite social networking sites.

Latest Newsletters

Latest Press

Speaking

ZURBians speak at various product, engineering and design conferences and companies. View our presentations or contact us to speak at your next conference or company event.

Our Talks
  • Back to an Email (and Responsive) Future

    We no longer live in a desktop email world. More and more people are checking their email from their mobile devices. Our emails get a nearly a 50% open rate on smartphones and tablets. That's why our email newsletters need to be responsive and work across

  • Lessons Learned from Building a Web Framework

    Foundation, our front-end responsive framework, taught us a lot about being opinionated. When we come up with the idea, we knew we were being bold and taking a stance. But this talk isn't about building Foundation. It's about how product designers have to.

  • 5 Ways Thinking Content-First Will Save Your Butt

    If you design websites today, you can’t ignore the rise of mobile browsers. A content-first approach to web design is, at its heart, mobile-friendly. Learn the different ways you can avoid "dumbing down" your content on a mobile device.

  • 9 Ways to Manipulate People With Design

    High user engagement is paramount to anyone in design. Tapping into the psychology of what drives someone to click is key to this high engagement. Every interface is a potential study in human behavior. Knowing which emotional and cognitive strings to pul.

  • 3 Ways You Can Give and Get Good Design Feedback

    Getting feedback can be awful, but it's necessary for building great products. And it doesn't have to hurt. It can be awesome when asked for and given correctly.

ZURB Soapbox

ZURB Soapbox is a lecture series for entrepreneurs, designers, managers, movers, shakers and friends of ZURB to speak with likeminded professionals and spar with them afterward.

Past Events

ZURB Studios

We’re a close-knit team of product designers who help businesses create the sparks to make their products work for people since 1998. Follow us @ZURBstudios.

How can we help you?

At the other end of every product is a person. We solve product design problems so that customers can use your products with ease.

ZURB Wired

ZURB Wired is a 24-hour design collaboration, hosted annually by ZURB, where we complete a marketing effort for one lucky nonprofit.

Past Events

Our product design capabilities

We'll help you get products, websites and online services done better and faster than ever before.

  • Rapid Prototyping & Iteration

    We may only be one iteration of your entire project cycle, but we won't waste any time. We'll work quickly to go from concept to prototype and rapidly get your project to the next iteration so you can get to an end result faster.

  • Design for Any Device

    You can no longer design for a desktop screen with more and more people accessing the Web through their mobile devices. We have to design for four corners, no matter the size, no matter the device. That's why we use Foundation, a responsive framework, to make sure your product works on any device.

  • Design Literacy & Collaboration

    We believe in building strong teaching cultures. Throughout our project, we'll guide you through our design process and arm you with tools and products you can take to your team to get things done faster.

Some of our wins

We’ve worked on tons of amazing and interesting projects. Here are a few examples to get a taste of how we work.


ZURB Foundation

Foundation is the most advanced responsive front-end framework in the world for building prototypes and production code on any kind of device. Follow us @ZURBfoundation.

Learn

Develop

Support

Business

Supporting companies as they build their products, services and websites on Foundation

Getting Started


Getting started With Foundation is easy. Whether you are a master of Sass, building a new app, or making your existing site responsive, we've got you covered. How would you like to get started?

View Docs

  • CSS

    Here's the simplest way to get going. The straight CSS version of Foundation includes everything you need to start hacking away, right now! It's a perfect way to kickstart a new prototype or create a finished product with Foundation.

  • Sass

    Sass is a superset of CSS that adds in amazing features such as variables, nested selectors and loops. It's also the easiest way to customize Foundation!

  • Applications

    We use Rails to develop our own apps and Foundation helps us do it so much quicker. You can start using Foundation in your projects by following
    these instructions.

  • JavaScript

    We streamlined how you implement Foundation plugins by combining them into a single plugin under the $.fn.foundation() jQuery namespace.

  • Grid

    Create powerful multi-device layouts quickly and easily with the default 12-column, nest-able Foundation grid.

  • Global Styles

    Every Foundation project needs to include these global styles in order to work properly. These include things like basic formatting and global utility classes.

  • Kitchen Sink

    This page includes every single Foundation element so that we can make sure things work together smoothly.

  • Upgrading

    Need to upgrade from Foundation 4? No problem. This handy migration guide makes it super easy!

  • Changelog

    Here's a summary of all of our releases of Foundation so far.

  • Compatibility Guide

    Foundation was designed for and tested on numerous browsers and devices. Here's the rundown on what's tested, and what to do if something misbehaves.

  • Legacy Docs

Case Studies


How people are using Foundation to build responsive, future-friendly sites.

Overview


Here’s a rundown on some of the new (and existing) features in the first, most-advanced responsive framework out there.

  • The Fastest Foundation Yet

    Foundation 5 is our fastest, best build yet. It’s packed with features to help you code and learn faster than ever before.

    Learn More

  • FAQ

    Sometimes people ask us things. Here's the most common ones.

    Learn More

  • Website Examples

    With more and more designers adopting responsive design for their personal and professional projects, we've collected some of the best work built with responsive design as the core.

    Learn More

  • Videos

    Key pieces to help you get started with Foundation.

    Learn More

  • Training

    Sharpen your Foundation Skills

    Learn More

  • About

    How Foundation became the most advanced responsive front-end framework in the world.

    Learn More

ZURB Foundation for Apps


The first front-end framework created for developing fully responsive web apps.

Install Foundation for Apps

Build Web Apps


he most advanced framework for web apps ever created is packed with features to help you code single-page web apps faster than ever before.


Resources


Instead of starting from scratch, let us give you a head start. We’ve created templates that match some of today’s popular apps’ power and behavior.


Discover the World of Ink


Quickly create responsive HTML emails that work on any device & client. Even Outlook.

Install Ink for Emails

Here's What's Included


  • Our HTML Email Boilerplate: A blank email with the boring stuff like meta tags already taken care of for you.

  • Ink CSS stylesheet: The CSS for Ink that you need to paste into your email.

  • Two sample emails: Examples of how to use Ink that you can use as a model or a starting point for your own email.

  • Process

    Five steps to make sure your email looks great.

  • Docs

    Dive into creating your responsive email.

  • Inliner

    Use Inky's Inliner to do it in one fell swoop.

  • Email Templates

    Example emails to see Ink in action.


Notable

Notable helps you quickly design great products through rapid prototyping, iteration and user feedback. Follow us @ZURBnotable

Features

Free Apps

Buzz

Updates


ZURB University

Learn product design through courses, library resources and an active community. Follow us @ZURBuniversity.

Training


Sharpen Your Product Design Skills — You and your team will learn from those of us who practice the principles of progressive design on a daily basis. Our training can be held online using GoToMeeting, in your offices, or your team can head over to Campbell,Ca to our headquarters where we have our training space.

  • Gain momentum

    Learn to work collaboratively and rapidly build products for any screen size. Our training teaches your teams the design skills they need to quickly take ideas from concept to prototype, while ensuring that products work across multiple devices.

  • Build real products

    Our complete curriculum gives you all the skills and methods you need to build great products for the real world. These methods include better verbal and sketching techniques, rapid prototyping, iteration, coding and more.

  • Learn from experts

    Our instructors are design practitioners. We don't just teach these methods, we battle test them through our internal projects and Studios work. You'll learn directly from those designers who practice Progressive Design on a daily basis.

Training tailored to your team

We offer real-time, in-person group training for your entire team. Choose from a variety of classes and topics and create your own custom training session.

Learn from experts →

Library


Dig into design concepts with our library of resources.

ZURB Word

ZURB Word is a snapshot into our world where we share quick design concepts that help people build better products and services.

Latest Words:
ZURB Playground

Playground is where we share creative interaction design tools and experiments from the design and engineering teams here at ZURB. We create tools, implementation examples, and other interesting projects that help people design for people. We think you’ll love it.

Playing With Javascript
Stronger, Better, Faster Website Design with CSS3
All About the Buttons
Tools to Help You Design Better
Visual Effects & Animation With CSS3
  • Pattern Tap

    Pattern Tap is a place where designers can find inspiration and study patterns of user interaction. It's an amazing resource and we're excited about the potential it brings to further our mission of increasing design literacy. Not to mention, it's a great resource just to keep up with the freshest ideas in the design world.

  • Responsive

    With more and more designers adopting responsive design for their personal and professional projects, we felt there was a huge opportunity to showcase some of the best work built with responsive design as the core. In addition to the gallery, you can learn the ins on outs of responsive design with our Responsive Reading and Responsive Design categories.

  • Quips

    We're going 'round the world — to educate, to enlighten and, hopefully, learn something ourselves. We'll be coming to a city near you so that we can exchange ideas, hold workshops or training, speak, and get connected with our fans.

  • Friday 15

    People struggle to be creative when it's not part of the culture. We stoke the creative fires at ZURB with a 15-minute challenge — from building a marshmallow tower to a load-bearing house of cards. We've collected a few of our Friday15 challenges so your team can stay creative.

  • Triggers

    Design Triggers comprise a collection of common psychological motivators, cognitive biases, and behavior patterns, you can use to plan entire workflows. We created this as a handy resource for you to explore options: How can you get people to sign up, act now, or otherwise engage with a website?

  • Building Blocks

    Building Blocks are bits of code that you can drop into any Foundation project. You'll find templates, bar charts, alert panels, buttons and more. These give you the, pardon the pun, building blocks to get your project off the ground.

Tavern


Make a Statement With Your Design Opinion

  • Tavern

    Defining Product Design... one question at a time! Tavern is a place to discuss product design questions that better your craft as a product designer. A single question is posed daily and expires within a 24-hour period.

  • Forrst

    Forrst is a community of passionate designers and developers focused on helping themselves and others get better at their craft, providing thoughtful critiques, and sharing their knowledge to build better applications and websites.
    *Forrst is no longer active since the creation of Tavern, however you can still see old posts and works.

  • Enroll

    Enroll lets you take quick tests to help make the web a better place for everyone. Help companies decide which logo is better, clarify content or simply complete tasks on a web site or app to ensure the interaction makes sense. Anyone can do it!

ZURB

ZURB is a product design company since 1998. Through consulting, product design tools and training, we transform the way businesses approach product design.

Want more?

Talk to us

Call us at (408) 341-0600

Not a big talker? Email us at getstarted@zurb.com

Stay in touch

Get monthly updates from ZURB in your inbox. Read our latest news & buzz.

Get ZURBnews!

© 1998–2017 ZURB, Inc. All rights reserved.