Tamil DS Arcade

All modes · endurance

Every game shuffled into one long run. Alignment, hue and spot rounds in random order — proves you've trained more than one muscle.

Choose the off-axis shape

Two compositions, one rule. Pick the one where the shapes obey the alignment criterion. 8 criteria rotate so no two sessions feel the same.

Match the swatch

A target color and four candidates. Find the perfect match — the others are subtly off in lightness or saturation. Gets harder as you go.

Find the design issue

Two near-identical UI mockups - one has a subtle design issue. Misaligned controls, weak contrast, off-spec spacing. Catch the issue before your lives run out.

Choose the optical center

Find the element that is perfectly centered within its container. Beware: asymmetrical Tamil characters and icons can deceive your eyes.

Choose nested corner harmony

Choose the container that has harmonized outer and inner corner radii. Avoid awkward outer/inner corner mismatches that ruin nested UI visual flow.

Choose WCAG accessibility gaps

Choose the UI element that achieves optimal readability by satisfying WCAG text contrast ratios. Prevent inaccessible text that locks out users.

Choose spacing & alignment errors

Choose the card that conforms to perfect spacing symmetry and modular grid scales. Guard against asymmetric margins and unbalanced layouts.

Choose balanced letter spacing

Choose the word with balanced letter spacing. Compare pairs that sit too close or too far apart.

Choose correct vector boolean formulas

Choose the correct vector boolean math operation (Union, Subtract, Intersect) used to construct a target design shape.

Spot natural elevation shadows

Choose the card or container that displays a natural, realistic drop shadow matching its elevation. Avoid harsh, dark, or physically incorrect shadow vectors.

Choose CSS flexbox layouts

Choose the container that correctly implements the specified CSS flexbox property (e.g. space-between, center, flex-end). Match layouts to their rules.

Choose typography font weights

Choose the text rendered in the exact requested font weight. Compare Regular, Medium, Semibold, and Bold.

Choose correct aspect ratios

Choose the container that represents the correct aspect ratio (e.g., 16:9, 4:3, 1:1, 21:9). Avoid slightly squashed or stretched layouts.

Spot typographic line height

Choose the text block that implements optimal line-height (leading) for maximum legibility. Guard against overlapping lines and loose paragraphs.

Spot balanced container padding

Choose the button, input field, or badge that utilizes perfectly balanced inner padding. Avoid squashed, bloated, or asymmetric spacing layouts.

Spot proper typographic contrast

Choose the information card that establishes a clear typographic hierarchy between title, subtitle, and body. Avoid flat or inverted visual structures.

Spot matching icon & text weight

Choose the interface label that achieves visual weight harmony between the icon stroke width and text font weight. Avoid visual imbalance.

Choose coordinated status colors

Choose the alert badge that employs a coordinated, accessible color scheme (harmonized light background with dark text) rather than clashing colors.

Choose optimal reading line length

Choose the paragraph block that implements the optimal reading line width (45 to 75 characters per line). Avoid excessively stretched or narrow text.