La Trame — Online magazine template

The 10 effects in this site

Search Expand V2Premium
Top-bar search: the field expands when the magnifier is clicked
Live TickerPremium
“Live” news ticker under the section bar: time-stamped briefs scrolling by, draggable, with a pause button
Bookmark TogglePremium
“Read later” buttons on the front page, article cards and the article header
Popover BloomFree
Author card blooming from the byline name in the long article
Scroll Progress BarFree
Red bar pinned to the top of the screen: reading progress of the long article
Footnote PopoverPremium
The three footnote calls [1] [2] [3] in the article (sources on hover or keyboard focus)
Basic LightboxFree
Captioned photo in the article, opened full size on click
Ruled GridPremium
“In figures” box in the article: rules in the gutters and animated counters
SparklinePremium
“Most read” column: 7-day trend of each article
Checkbox AnimatedPremium
Consent checkbox of the morning newsletter form

Screenshots

Click a screenshot to see it full size.

Photos: Unsplash (Unsplash License). Names, addresses and figures are fictional.

Frequently asked questions

What kind of business is the La Trame template for?

It was designed for businesses such as: online magazine or newspaper, blog, local media, journal, editorial newsletter, newsroom of an association or local council.

Which effects does La Trame use?

10 effects from the Effect.Labs catalogue, 3 free and 7 Premium: Search Expand V2, Live Ticker, Bookmark Toggle, Popover Bloom, Scroll Progress Bar, Footnote Popover, Basic Lightbox, Ruled Grid, Sparkline, Checkbox Animated. Each one has its own page with a demo and its code.

What do I get, and how much does it cost?

The whole site is shown in the video and screenshots; it is not sold. What you take away are its effects: the “The 10 effects of this template” button adds the Premium ones to your cart, picking the cheapest pack for you, and saves the free ones to your favorites. One-time payment, no subscription; a free account includes 1 Premium effect on us.

How do I use these effects on my website?

Each effect is plain HTML, CSS and JavaScript with no framework or dependency: paste it into any site that accepts custom code (plain HTML, WordPress, Webflow, React, Vue…). You keep your own text, colours and photos.

Does the site work on mobile?

Yes: it is checked on desktop and mobile, in English and French, and its animations are toned down for visitors who asked for reduced motion.