Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Adobe Illustrator Artboards for Responsive Web Design Development
tree: d2308b2228

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
Desktop Responsive Design
iPhone iPad Web Design

Responsive Web Design Artboards

Use these Adobe Illustrator files when creating different layouts for Responsive Web Design


  • Desktop Responsive Design

    • Contains four (4) artboards for "desktop" browsing:

      • Desktop 800x600 -> 778x400
      • Desktop 1024x768 -> 1002x658
      • Desktop 1280x800 -> 1258x760
      • Desktop 1680x1050 -> 1418x700
    • Note that the heights are based on default window sizing, i.e. stuff that's "above the fold".

  • iPhone iPad Web Design

    • Contains six (6) artboards for iPhone and iPad:

      • iPad Landscape -> 1024×768
      • iPad Portrait -> 768x1024
      • iPhone (Retina) Landscape -> 640x960
      • iPhone (Retina) Portrait -> 960x640
      • iPhone Landscape -> 320x480
      • iPhone Portrait -> 480x320

Plays with Others

The Responsive Web Design Artboards were designed for use with Adapt.js.

Take a look at Adapt.js when you are ready to take the designs into web production.


Feel free to download, submit your own artboards for inclusion into the set.

Something went wrong with that request. Please try again.