Web Development Learning Guide

[Format] Landscape 16:9 gig cover, flat catalogue layout on a pale textured beige field: a two-row grid of small logo tiles plus one small mascot illustration. Matte card texture, flat vector marks. No watermark, no personal names. [Layout] The midline of the frame is occupied by a two-row tile grid. Row one holds five tiles of unequal width on a shared baseline with even gutters: the WordPress mark in a white square, the JavaScript logo in a bright yellow square, the PHP logo in a wide slate-blue ellipse, then the CSS3 badge in a tall blue shield and the HTML5 badge in a tall orange-red shield. Row two holds five wordmark-style items on a looser baseline, spaced wider, mixing pictorial marks with lowercase lettering: the MySQL wordmark, an orange-and-blue two-colour wordmark with a small blue leaping-dolphin silhouette above it, then the jQuery mark, a blue circular mark of nested arcs beside a lowercase name, then the Git mark, a red tilted diamond with a white branch glyph beside a lowercase name, and the GitHub mark, a small black cat-head silhouette beside a lowercase name. Above the grid, a purple uppercase question line spans the upper-left two-thirds and a small flat vector character stands at the top-right, about a fifth of the frame in height. [Subject] No photograph. The only figure is a flat vector illustration at the top-right: a young woman with an orange hair bun, a dark charcoal top and a light teal tablet held in front of her, drawn in clean flat shapes with simple dot eyes and a small smile. [Headline] One line of purple extra-bold uppercase sans, left-aligned with a wide margin about a third of the way down the frame: 'YOU WILL LEARN?' — the only text on the cover apart from the small wordmarks in the tiles. [Badges] The tile grid is the badge layer — nine real tech logos, each drawn with its own mark and wordmark. Row one, left to right: the WordPress mark, a white square holding a blue-grey double-outline circle crossed by a thin white diagonal; the JavaScript logo, a bright yellow square with two black angled 'JS' characters; the PHP logo, a slate-blue ellipse with the white lowercase letters 'php'; the CSS3 badge, a blue vertical shield with a small 'CSS' label and a white notched chevron; and the HTML5 badge, a red-orange vertical shield with a large white numeral '5'. Row two, left to right: the MySQL mark, an orange-and-blue wordmark under a small blue leaping-dolphin silhouette; the jQuery mark, a blue disc of nested crescent arcs beside the lowercase wordmark 'jQuery'; the Git mark, a red tilted diamond with a white branching glyph beside the lowercase wordmark 'git'; and the GitHub mark, a black cat-head silhouette beside the lowercase wordmark 'github'. Keep each mark's size, shape family and colour. [Mood] Warm off-white beige, saturated primaries and one purple line; a catalogue, checklist feel. The purple headline plus the colourful tile grid read at any size.