The Rubric Bank

Guiding viewer's eye with clear visual priorities

Using empty space as active design element, not waste

Font selection, harmony, and suitability for content and audience

Selecting harmonious color palette expressing identity or message

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

Distributing the visual weight of elements so the design settles without tilt

Grouping related elements and separating unrelated ones to clarify relationships

The relationship among element sizes and their fit to one another and to the space

Designing symbols and icons understood instantly without explanation

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

How well the design expresses the brand's personality, values, and audience

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.

Building a colour system with clear roles (primary/accent/neutral) that scales, not a random gathering of colours.

Using a fixed spacing scale (4/8) and optically tuned spacing instead of arbitrary gaps.

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.

Pairing an Arabic typeface with a Latin one so visual weight, x-height, and tone match.

Handling Arabic diacritics so they read without crowding and serve clarity and beauty.

Reducing a logo to the simplest form that stays legible and distinctive across sizes.

Keeping a design's identity and coherence across different media and sizes.

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

Applying a defined color scheme (complementary, analogous, or triadic) with contrast ratios that serve legibility and function, not decoration alone.

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

Deliberate use of unoccupied space to direct attention and create visual breathing room, not as accidental leftover area.

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 same visual rules (colors, corner radii, line weights, shadows) repeating across a set of multiple elements without drift between them.

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.