Pearltrees educational content mobile app

Summary

A clean, card-based mobile home screen for an educational content-curation platform, using soft gradient overlays on thumbnail images to group learning materials by subject.

Visual description

A light-gray iOS interface displays "Pearltrees" in the header with a star icon above a "Sciences" section label. The main feed shows a 2x2 grid of rectangular content cards, each overlaid with a soft pastel gradient (blue-to-light, purple-to-light) on a thumbnail image. Card labels in mid-gray sans-serif identify categories: "Anglais monde contemporain" (with a lock icon), "Histoire-geographie et EMC" (locked), "Sciences de la Vie et Terre," and "Enseignement scientifique" (with an author name "Simone Veil"). A burgundy circular button with a white plus sign floats at bottom right. Bottom navigation shows four icons (Home, Network, Manuals, Profile) with the current page highlighted in purple. Typography is clean, spacing generous, and the overall aesthetic is calm and approachable for a student audience.

Key takeaway

Soft gradient overlays on photographic content cards create visual interest without obscuring the underlying images. The two-tone gradient pattern (light to opaque) provides a consistent, unifying visual treatment across cards that might otherwise clash. The generous spacing and simple four-icon navigation keeps the interface uncluttered and easy to scan. Using subject-based card grouping with visible lock states conveys access control intuitively.

Reuse notes

Strong template for education platforms, content libraries, and any curated collection app. The gradient-overlay technique works especially well for photo-heavy grids where you need readable text over varied imagery. The color palette reads trustworthy and scholastic. Works equally well in light-mode apps targeting younger and adult learners. Avoid this pattern if you have very small content thumbnails, as the gradients may obscure important detail.