Foundation-iconFoundation

Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and e-mails that look amazing on any device.

Foundation frameworks are easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device.

Foundation for Sites was our first framework. It provides the tools and resources like a simple yet flexible layout grid, modal boxes, typography, navigation components, and form elements that designers can quickly plug into their products.

Based on Sass, the CSS preprocessor, designers can pick and choose which components they want, write HTML semantically, and control almost every aspect of the framework with a series of built-in variables.

Foundation's is written with the most popular browsers in mind — specifically, mobile devices like smartphones. To that end its grid takes a mobile-first approach. Designers give each layout block a series of instructions depending on screen size. Mobile-first means Foundation's grid assumes the smallest configuration until told otherwise. For example, instructions for medium screens, like tablets, override instructions for smartphones. Likewise, large instructions override medium.

Foundation for Sites is written with humans in mind two ways. First, its components and grid use people-friendly names and instructions. Second, Foundation for Sites includes accessibility options for screen readers. The end result is a framework that helps both designers and end users get up and running quickly because we don't want to waste time reinventing the grid.


Latest Press Mentions

Read More Press Mentions


The Latest Buzz

  • Golden State Warriors
    Quote-mark Foundation makes it easy to build our pages out; with all the available tools. It's easy to get add the CSS or Sass on your page and have it appear as you expect it should. Anytime I can build with Foundation, I do.
    Doug Maclin, Lead Engineer
  • Creative Bloq
    Quote-mark ZURB's Foundation framework is easy to use, powerful and provides the flexibility to prototype and build production-ready websites for any device.
    Steven Wu, Writer

Images, Logos, and Screenshots

  • Foundation-01
  • Foundation-02
  • Foundation-03

Download All Foundation Assets


Our Colors


  • Blue4

    Foundation for Sites

    HEX 1D92CF

    PMS 639 C

    RGB 29 146 207

    CMYK 77 30 1 0

  • Pink1

    Foundation for Emails

    HEX CC7692

    PMS 7431

    RGB 204 118 146

    CMYK 18 64 24 0

  • Green4

    Foundation for Apps

    HEX 3FC380

    PMS 7479

    RGB 63 195 128

    CMYK 68 0 68 0


Get in touch with us!

  • Daniel-profile
    Danny Codella

    Marketer

  • Contact-call
    Give him a call at

    (408) 341-0600 ext. 623

  • Contact-email
    Email him at

    daniel@zurb.com