The Rubric Bank — with all five levels

Guiding viewer's eye with clear visual priorities

Unifying visual elements throughout design to create cohesive identity

Aligning element positions to a grid and alignment lines that give the design order

Using differences in size, color, and weight to build distinction and focus

Grouping related elements and separating unrelated ones to clarify relationships

Ease of reading text in terms of size, spacing, and line length

Building rhythm through repetition and variation of elements that guide eye movement

The design remaining cohesive and effective across different sizes and media

Building text sizes on a consistent proportional scale that serves hierarchy instead of arbitrary sizes.

Ensuring sufficient contrast between text and its background per WCAG so everyone can read it.

Correct connection and shaping of Arabic letters without breaking or distortion, with awareness of script and kashida as an aesthetic decision.

Laying out right-to-left for Arabic content: direction, alignment, and mirroring of directional elements.

Visual elements aligned to consistent grid columns and margins that organize the composition without arbitrary placement.

Clear gradation of size, weight, and spacing across three or more text levels (heading, subheading, body, caption) reflecting each level's relative importance.

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 icon's shape stays legible and meaningful when scaled down to actual usage size, with unified stroke weight and grid alignment across the set.

Reorganizing elements across different screen sizes while preserving content priority, without loss, crowding, or visual breakage.