School

Reference it for

• Desktop-OS layout: a calm tiled grid of generously rounded (20px radius) white cards, each a self-contained widget rather than a marketing section
• All-monospace type system: IBM Plex Mono for headings, body, labels, buttons and timestamps, which gives every surface a terminal/scratchpad texture
• Tiny parenthetical card captions in centred mono, e.g. (Y)our profile., (Y)our weather., (Y)our button, that double as the studio voice
• Yellow highlighter blocks (#f9f5a2) behind single letters or words as the only saturated accent in an otherwise achromatic field
• Soft warm-to-cool background wash (tan #e2ceb8 toward a cool grey) instead of a flat colour or gradient band
• Interactive avatar builder: circular portrait plus horizontal selectors (head/hair/eyes/body) and a row of colour swatch dots for direct manipulation
• Live HSL colour-wheel widget labelled (Y)our interface color. as a playful personalisation hook
• Featured-project card with a video thumbnail, a name pill (Zadig & Voltaire), and lowercase tag pills (Campaign, Production, Design)

Do not copy

• The School / schoooool wordmark and the elongated 'schoooool' handle gag
• The grey clay 3D mascot avatar in the profile card
• The literal 'Select all images that contain School' captcha parody block
• The robot-face logo lockup top-left and the row of avatar reaction faces top-right
• The exact (Y)our copy device verbatim; adapt the parenthetical voice, do not lift the wording
• The Zadig & Voltaire client name and that specific featured-project footage