Practice Challenges

Long-Form Tech Article

TechReview publishes research. The current article page spans the full width of a 24-inch screen, causing severe eye strain. Text is small and line spacing is tight, leading users to close the tab.

Select a Challenge Brief (5)

“

An online tech magazine has an average reading time of 12 seconds on a 2,000-word deep-dive.

Beginner— Focuses on typography sizing, line-height rules, and comfortable reading column widths.

Context & Background

TechReview publishes research. The current article page spans the full width of a 24-inch screen, causing severe eye strain. Text is small and line spacing is tight, leading users to close the tab.

Target Users

Tech enthusiasts and developers who enjoy reading deep analyses on their laptops but hate visual clutter and popups.

Inspiration & Benchmarks

Medium— Industry benchmark for distraction-free reading typography.
Substack— Clean layout layout focused purely on newsletter reading.

Your Task

Design a responsive reading interface showing a central text column with optimized typography, an author header, and a reading time label.

Hard Constraints

  • Content column must be between 600px and 700px wide for body text
  • Line height for body text must be between 1.5 and 1.7
  • Use a readable serif or clean sans-serif typeface (min 18px)

Concepts This Tests

Visual HierarchyReading Order & Structure

Evaluate Yourself

0/4 completed (0%)