Glossa is a fashion magazine website template: a soft, editorial HTML5 template for a monthly fashion magazine: runway, street style, beauty and culture, in print and on screen. White grounds with nude and powder panels, ink type and a rose-taupe accent set the tone. Playfair sets the headlines and the italic voice, and Mulish sets the section titles in tracked capitals. The buttons have the double frame of a fashion house. Underneath, it runs real magazine logic. For example, issues go on sale on the first Thursday of the month and number themselves from the date.

There is an issues archive with covers drawn in CSS. Subscriptions are priced by format, term and region, with the first issue worked out from the cut-off. In addition, there are a gift wizard and shoppable stories with a look’s total. Finally, it has a most-read chart counted from the stories, newsletters with their next send, and a shop. It ships with a light and a dark theme and right-to-left support. In addition, a WebGL glyph drift of soft letters fills the bands. In the footer, the masthead breathes on the typeface’s own weight and width.

Three Home Pages

• Home 01 – The Magazine: a powder hero slider with the issue’s title in a framed card. Below it, the latest stories sit on a joined wall. Then comes The Contents Page: the page numbers fly from the contents list to their stories as you scroll. Next come the issue on sale, the subscription and letters to the editor. Finally, there are the four sections, shop the look, most read and The Daily Edit.
• Home 02 – Street Style: a large tile slider beside two stories, then The Mood Board. Here, the week’s street photographs start loose and snap into the board’s grid. Next come pull quotes from the pavement and a story’s photograph with its pieces numbered and the look to buy. Finally, there are more street stories and the latest covers.
• Home 03 – The Long Read: a boxed hero over the story wall and the long reads in one column. Then comes The Pull Quote, where an essay’s quote grows from the column until it fills the band. Finally, there are most read, the writers and the subscription.

Magazine Pages

• The Issues: twelve months of covers drawn in CSS. The masthead, the number, the month, the cover lines and the cover star always follow the date. Each issue comes in print or digital, with print copies left. Also, the archive is filtered by year and stock, and it is searchable.
• This Issue: the cover, the contents with page numbers, print £8 or digital £4.99 into the bag, and the countdown to the next issue.
• Subscribe: print, digital or both for 3, 6 or 12 issues, at 10% / 20% / 35% off the cover price. Postage is priced by region, and students get 25% off digital. There is also a price table by region and a five-step wizard with a live summary. Finally, it shows the first issue from the cut-off (the 20th, 23:59) and the renewal month. Continue never blocks; only the last step checks.
• Gift A Subscription: the same engine with the recipient, a message, the issue it starts with, the e-card’s date and a printed card for £4.
• Shop The Look: a story’s pieces with sizes. Untick what you own, the look’s total follows, and the whole look goes in the bag at once.
• Most Read: today, this week, this month or all time, by section, ranked from the stories’ reads with a pace bar.
• The Shop: the issues and 16 pieces from the stories with sizes, filters, sort and search. There are also a bag, a coupon, a free UK delivery meter and VAT included. Finally, it has checkout with an order number and a wishlist.

Fashion Magazine Website Template: Inner Pages

Glossa includes The Issues (archive), This Issue, Subscribe, Gift A Subscription and All Sections. It also has Section (Runway), The Runway Report, Most Read, All Stories and Story Details. Then come Shop The Look, Contributors, Contributor Profile, Shop, Product Details, Cart and Checkout. There are also Wishlist, About Us, Newsletter and FAQ with search. It also has Contact (working PHP form and map), My Account, Login and Register. Finally, there are Forgot Password, Coming Soon and 404 – thirty-one pages in total.

Fashion Magazine Website Template Features

• 31 HTML pages, 3 unique home page designs
• A white theme by default and a dark theme on one switch, remembered between visits, with no flash on load
• Right-to-left stylesheets for every page and a flag language picker that turns any page around (Bootstrap RTL included)
• A pound / dollar / euro switch that repaints every price
• A WebGL glyph drift tinted by the theme colours, and a footer masthead breathing on a variable font’s weight and width
• Real magazine logic from one data block: issues and covers from the date, subscriptions and gifts, shoppable looks, most read, newsletter sends, shop totals
• A Cover Set preloader, Paste-Up Guides reveals with word-by-word titles, a pull quote on hover and three scroll moments that never pin the page
• Drawn hairline icons in two inks and covers built in CSS
• Swiper sliders, Fancybox video popups and lightbox gallery
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for both themes
• Working PHP form handler with optional invisible reCAPTCHA v3
• Font Awesome Free loaded locally
• Fully responsive with a desktop-first breakpoint system and wide-screen layouts
• Valid HTML5, no console errors
• Well-commented code with a numbered CSS table of contents and JS index
• Documentation included

This fashion magazine website template ships with documentation, free lifetime updates and an instant download. Every page also works on phones, tablets and desktops. Glossa also comes as React, Vue, Angular and WordPress, or in the developer bundle at 20% off. Browse more Fashion & Apparel HTML5 templates.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5, Font Awesome Free, RTLCSS, Google Fonts (Playfair, Mulish).