עיצוב ריספונסיבי הוא עיצוב אפליקציה המורכב בדרך כלל ממספר מחלקות עיצוב (מספר סטים של הוראות עיצוב) אשר כל אחד מהם מיועד לסוג תצוגה שונה:
- תצוגה למחשבים מן הסוגים "דסקטופ" ו"לפטופ"
- תצוגה למחשבים מן הסוג "סמארטפון"
או
- תצוגה למחשבים מן הסוגים "דסקטופ" ו"לפטופ"
- תצוגה למחשבים מן הסוג "טאבלט"
- תצוגה למחשבים מן הסוג "סמארטפון" וכדומה.
בדרך כלל יש סט הנחיות עיצוב גלובאלי (מתאים לכל סוג תצוגה ומגדיר הנחיות עיצוב יסודיות ביותר כגון פלטת צבעי אפליקציה, פונט ראשי וכיוצא באלה).
מעבר לכך יש סטים שתואמים לתצוגה ספציפית.
בתחביר שפת עיצוב (דוגמת שפת CSS) מתאימים עיצוב לפי תנאים כגון:
- "אם מעגן הצפייה האופקי קטן מ-769 פיקסלים אז.."
- "אם מעגן הצפייה האופקי קטן מ-320 פיקסלים אז..."
- "אם מעגן הצפייה האופקי קטן מ-520 פיקסלים אז..."
כמות הסטים שמפתחים תלויה בשיקולי המפתח ובקהלי היעד ← משתמשי מכשיר X או מכשיר Y שיכול להיות מחשב שולחני או סמארטפון.
יש מי שיפתחו שני סטים או שלושה או ארבעה. המגמה הנפוצה היא גישה מינימלית ככל הניתן, במקרים רבים אם לא ברובם תוך פיתוח ממוקד מכשירי מובייל תחילה (mobile first).
כיום כלל תבניות העיצוב של מערכות ניהול תוכן הן ריספונסיביות.