Facetta — Tailwind CSS Model Agency Web Template (HTML)

About This Item

Facetta gives a model or talent agency a black-and-white editorial site built on Tailwind CSS 4, so the board, model books and casting request are ready. Facetta is a Tailwind CSS model agency web template that puts the women’s and men’s boards, new faces and casting requests in one black-and-white editorial design.

Condensed capitals sit over italic serif eyebrows, while white studio pages alternate with black bands. It ships with 31 pages and 3 home page designs.

Model Agency Web Template Home Pages for Agencies, Lookbooks and Scouting

• Home 01, The Agency: a full-bleed slider, the three divisions with their bookers, this season’s faces on a joined wall, day rates in three currencies, the open call and the journal.
• Home 02, The Lookbook: a boxed slider over a black band, model books on a rail, campaigns, divisions in tabs, client quotes and a quick estimate.
• Home 03, New Faces and Scouting: a split hero with the next open call, a height ruler beside a full-length portrait, a mosaic of new faces and the scouting tour with a countdown.

Model Agency Board, Shortlist and Casting Request

The board lists every face with division tabs, so visitors start from a division. Then they filter by a two-thumb height range, hair, eyes, city and name, and a live count updates as they go. Women, Men and New Faces also use the same filters in different layouts.

• Model Books: three layouts, including split screen with sizes beside the frames and digitals with polaroids and sizes in both units.
• Shortlist: a heart on every card, a count in the header and a summary by division, kept between visits.
• Casting Request: five steps for the job, faces, usage, dates and details, with a live estimate beside it. The estimate covers day rate, half days, travel days, usage buyout and the agency fee.
• Become A Model: age from the date of birth, a guardian field under 18, measurements in either unit and four digitals with previews.

Sizes switch between centimetres and inches, and rates switch between dollars, euros and pounds. Two switches repaint every page.

Tailwind CSS Model Agency Web Template: Inner Pages

This Tailwind CSS model agency web template ships 31 pages, so the roster, the books and the application form all have a place from day one. Beyond the homes and board, you also get these pages:

• Rates and Usage, Runway and Shows, Campaigns and Campaign Details
• Scouting and Open Calls, About, Our Bookers and Booker Profile
• Journal with six post formats, Journal Details and FAQ with search
• Contact with a working form and map, My Account, Login, Register and Forgot Password
• Coming Soon and 404

Changing Board Cards and Casting Steps With Utility Classes

You write styling as utility classes in the HTML, so you can read and change a board card or a black band right where it sits. Layouts adapt through mobile-first breakpoint prefixes, so the board, the casting steps and the model books reflow on phones and tablets.

The finished pages open as they are. The Tailwind source is included, so you can edit and rebuild the styles when you want a change. Documentation is included as well. Neutral placeholders replace the preview images, so you can add your own photos. Font Awesome Free is loaded locally, and the fonts are Mona Sans and Libre Baskerville.

Themes, Motion and Right-to-Left Support

A light theme is the default, and a dark theme turns on with one switch and is remembered between visits. Right-to-left layouts cover every page, and a flag language picker turns any page around when a visitor chooses it. A Tailwind CSS model agency web template with this much agency logic saves you from wiring a board filter or a casting estimate by hand.

• WebGL layers tinted by the theme: drifting colour gels and a slit-scan monogram in the footer
• Swiper sliders, Fancybox lightbox and video popup
• Strip Cut photo reveals, word-rise titles and a height ruler on every model card
• Support for prefers-reduced-motion

Four agency offices each show open or closed on their own clock. The contact form also supports invisible reCAPTCHA v3.