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.
We've worked with more than 250 startups since 1998.
Ready to work with the world's best product design company? Check out our list of full-time jobs and part-time gigs.
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
- Foundation for Emails 2.2: What a (Ruby) Gem! June 30, 2016 in Foundation by Rafi with 0 comments
- Empowering Nonprofits with Design June 16, 2016 in Events, Studios, ZURB by Daniel with 0 comments
- Developing in the Open May 27, 2016 in Foundation, Business and Startups by Kevin with 0 comments
- Curious, Creative and Vegan. Introducing Our Newest ZURBian May 27, 2016 in ZURB by Daniel with 0 comments
ZURB News is our monthly newsletter by our Chief Instigator, Bryan Zmijewski, to keep you up-to-date on design and all things ZURB.
ZURB is here, there and everywhere! Follow us on your favorite social networking sites.
Campaign Monitor spotlight's ZURB's Email Outreach
Our friends at Campaign Monitor interviewed us our email strategies and outreach
News for Designers - ZURB MOTION UI, HTTP Request Tools, WP Page Builder
Web Designer Depot Highlights Release of Motion UI
Web Design Depot featured the release of our Motion UI library in their roundup of design news for the week.
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.
- 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 is a lecture series for entrepreneurs, designers, managers, movers, shakers and friends of ZURB to speak with likeminded professionals and spar with them afterward.
- Aaron Levie
- Patrick Byrne
- Dave McClure
- Ron Conway
- Sachin Agarwal
- Matt Mickiewicz
- Kevin Hartz
- Kevin Hale
- Matt Mullenweg
- Philip Rosedale
- Tim Ferriss
- Irene Au
- Julie Zhuo
- Tom Conrad
- Peter Skillman
- Konstantin Guericke
- Nate Bolt
- Luke Wroblewski
- Bill Scott
- Alex Faaborg
- Justin Kan
- Richard White
- John Marshall
- Dave Sifry
- Luke Wroblewski
- Bart Decrem
- Mrinal Desai
- Robert Scoble
- Jeff Atwood
- Ade Olonoh
- Hiten Shah
- Evan Williams
- The Winklevoss Twins
- Sahil Lavingia
- Joe Gebbia
- Jeff Lawson
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 is a 24-hour design collaboration, hosted annually by ZURB, where we complete a marketing effort for one lucky nonprofit.
We'll help you get products, websites and online services done better and faster than ever before.
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.
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.
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.
We’ve worked on tons of amazing and interesting projects. Here are a few examples to get a taste of how we work.
Risks pay off in unexpected ways
Working with the princess of pop
From rationale to style guide
A beast of an application
Distilling concepts into plans
Crowd funding from spark to substance
Keeping it simple with do-it-yourself kits
When three becomes one
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
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 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!
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
We streamlined how you implement Foundation plugins by combining them into a single plugin under the
Create powerful multi-device layouts quickly and easily with the default 12-column, nest-able Foundation grid.
Every Foundation project needs to include these global styles in order to work properly. These include things like basic formatting and global utility classes.
This page includes every single Foundation element so that we can make sure things work together smoothly.
Need to upgrade from Foundation 4? No problem. This handy migration guide makes it super easy!
Here's a summary of all of our releases of Foundation so far.
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.
How people are using Foundation to build responsive, future-friendly sites.
Here’s a rundown on some of the new (and existing) features in the first, most-advanced responsive framework out there.
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
Sometimes people ask us things. Here's the most common ones.Learn More
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
Key pieces to help you get started with Foundation.Learn More
Sharpen your Foundation SkillsLearn More
How Foundation became the most advanced responsive front-end framework in the world.Learn More
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.
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.
Iterate faster with contextual feedback.
Annotate any type of screen — screenshot of live site, wireframe or visual mockups — and exchange contextual notes with your team to make the right decisions for your product.
Put your work in the best light.
Effectively present design mockups, visuals and presentations to your team and clients. Have the ultimate presentation flexibility so you can get feedback and keep your iterations in one place.
Verify Concept Tests
Many ways to survey your designs.
Gauge your design work and gain insights into your users' expectations and reactions to your product before you write a single line of code. Your team will love the stylish, actionable reports that'll help them make informed design decisions.
See the interface through their eyes.
Create clickable prototypes from sketches, wireframes, or visual mockups. Simply upload screens, hotlink them together and start testing your ideas with real users.
Host your prototype without hassle.
Easily present a coded prototype when your design work is ready for that final polish. Flesh out complete workflows, interaction, animation, or whatever else you can think of, before pushing your prototype to production.
A tablet web app to quickly give website feedback.
A fun and easy way to share ideas on a webpage.
Post code, write notes and share feedback.
A fun and easy way to test what people remember on your website.
Present your design ideas and reel in the feedback.
A fun and easy way to critique a webpage.
A fun and easy way to strike stuff off lists together.
An easy way to test clicks on a mobile phone.
Our Design Apps and Foundation Featured on Infismash
Thanks to Nirmalya Ghosh for his write-up on our design tools!
Envato Lists Our Design Apps as One to Watch in 2014
Thanks to Envato CEO Collis Ta'eed for mentioning our Design Apps in his article, "2014 Predictions for Web Design."
User Experience Rocks on Why They Love Notable
Thanks to Jennifer Aldrich for telling us about her love for our feedback tool, Notable!
5 Great Options for Mobile Prototyping Tools
Thanks to Dave Kachman for listing Solidify as a tool to use for mobile prototyping.
A Magical Mobile Usability Testing Solution
Thanks to Jennifer Aldrich for chatting with one of our partners and writing once again on Solidify!
4 Alternatives That May Be Better Than Pastebin
Make Us Of features Chop in their latest article.
- New Ways to Get Insights, See Progress and Start Conversations May 5, 2016
- A More Seamless Experience in Notable February 4, 2016
- Give and Get Feedback Easier Than Ever with Notebooks January 7, 2016
- Annotate Your Responsive Code November 19, 2015
- Introducing the Social Test for Facebook November 16, 2015
- Influence: A New Way to Present Design Work June 4, 2015
- Reduce the Noise by Muting Single Projects! May 21, 2015
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.
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.
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.
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 →
Dig into design concepts with our library of resources.
ZURB Word is a snapshot into our world where we share quick design concepts that help people build better products and services.
- Devil’s Advocate
- Customer Lifetime Value
- Layered Complexity
- User Experience
- Goal Mapping
- Card Sorting
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.
- Wrangle - Quickly multi-select with the drag of a mouse—or finger
- TwentyTwenty - Bring Design changes into focus
- Interchange - A Responsive Image Solution for Foundation 4
- HTML5 Video Voting
- Rapid Prototyping With flickrbomb
- Wooly ZURBian!
- AJAX Image Upload
- jQuery Text Events
- Orbit: A Slick jQuery Image Slider Plugin
- Raptorize: A jQuery Plugin
- Reveal: jQuery Modals Made Easy
- Create jQuery Feature Tours in a Breeze
Stronger, Better, Faster Website Design with CSS3
- Off Canvas Layouts - With CSS & JS
- Crafty Responsive Tables
- Foundation Icon Fonts
- Inline Form Labels
- Simple Drop-In Modals
- Newspaper Layouts with CSS Columns
All About the Buttons
Tools to Help You Design Better
- Easy Mobile Mockups
- Responsive Sketchsheets
- Foundation 3 Stencils
- ZURB CSS Grid Builder
- ZURB Sketchsheets
- ZURB iPad Omnigraffle Stencils & Sketchsheets
- ZURB iPhone Omnigraffle Stencils & Sketchsheets
- ZURB Android Honeycomb Omnigraffle Stencils & Sketchsheet
- ZURB Android Gingerbread Omnigraffle Stencils & Sketchsheet
- ZURB Grid Paper
Visual Effects & Animation With CSS3
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.
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.
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.
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.
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 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.
Make a Statement With Your Design Opinion
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 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 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!