Responsive Adaptation
The design remaining cohesive and effective across different sizes and media
The five levels
Each anchor describes what separates one level from the next — not a general description of quality. This is the text the evaluator itself reads.
-
Level 1 Below Standard
A design that collapses outside its original size
Example Text is cut and the layout breaks on mobile
-
Level 2 Approaching
Partial adaptation losing effectiveness at some sizes
Example Works on desktop and weakens on small screens
-
Level 3 At Standard
A design cohesive across the primary sizes
Example It keeps its layout and clarity on mobile and desktop
-
Level 4 Above Standard
A design optimizing its experience per size, not merely surviving
Example It rearranges elements to suit each medium
-
Level 5 Exemplary
Exceptional adaptation where each size feels purpose-built
Example The mobile user feels the design was born for their screen
Where does your own work sit on these levels?
Submit one work to be read against this criterion alone: your position across the five levels, why you are not higher and why not lower, three literal quotes from your own work, and one exercise with its success check. Your first card is free.
Price: 7 SAR · Included in Pro & Artist Plus · First one free — Pricing details
Read my work by this criterionOther criteria in the same art
Guiding viewer's eye with clear visual priorities
The five levels →Correct connection and shaping of Arabic letters without breaking or distortion, with awareness of script and kashida as an aesthetic decision.
The five levels →Laying out right-to-left for Arabic content: direction, alignment, and mirroring of directional elements.
The five levels →Guiding the viewer's gaze along a defined path (entry point, then secondary content, then call to action) using size, contrast, and position together.
The five levels →Using empty space as active design element, not waste
The five levels →Selecting harmonious color palette expressing identity or message
The five levels →Aligning element positions to a grid and alignment lines that give the design order
The five levels →Using differences in size, color, and weight to build distinction and focus
The five levels →