Preview image. Unlock full-res
Educational web design specimen showing a scroll-distortion effect with brand names stacked in white sans-serif on a black rectangle, complemented by bright orange background and accent color blocks.
Summary
Web interaction specimen showing brand names (Dior, Renault, Biotherm, Diptyque, Chanel, Molyxa) stretched and distorted via scroll animation, composed in white bold caps against a black rectangle on a bright orange background.
Visual description
A vibrant bright orange fills the upper two-thirds, with a dark logo at top ("@studio.baseline"). A black rectangle occupies the horizontal center, containing six brand names in white condensed sans-serif all-caps: Dior, Renault, Biotherm, Diptyque, Chanel, Molyxa, arranged vertically. To the right, a pure red rectangle with a tiny silhouette figure in dark brown-black sitting at the horizon line. Below, a dark blue-purple band anchors the base. Small text reads "Scroll effect on romanjeanelie.com" and "The scroll effect on the Work page causes the words to elegantly stretch and distort." The effect is meant to dynamically deform the letters as a visitor scrolls the page on the designer's live site.
Key takeaway
The visual strategy of using large, bold, recognizable brand names as the unit of typography rather than custom copy. The contrast pairing of black text box plus bright orange surround creates extreme focus. The red accent shape with its human-scale figure implies scale and context without competing with the primary typographic message.
Reuse notes
Ideal for design-focused or creative services portfolios wanting to showcase technical effects (scroll animation, text distortion). Works best when the brands or names being displayed carry their own visual weight. The orange-black-red palette reads as confident and design-forward, less corporate. Reserve for audiences expecting experimental interaction design; this is not minimal branding, it is exhibition.
