Blacky puts services, pricing plans and a product shop on one dark-themed site. This Tailwind CSS creative agency template has 16 pages and 3 home layouts. Tailwind CSS 4 handles the styling, so each page stays easy to edit.

It suits creative agencies, web agencies and freelancers because they can hand a finished site to clients. Tech services, SaaS and software companies can also use it when they need pricing tiers. Digital product brands and product retailers get a working shop as well.

Home Layouts, Services and Pricing Pages for a Creative Agency

The three home pages share the dark look, but each arranges its sections differently. Choose whichever order fits your pitch.

• Home v1 has a services strip, a product preview, animated stats and testimonials.
• Next, Home v2 swaps in an alternate hero with a featured product spotlight, while Home v3 uses a third section order.
• Services lists every service with icons and descriptions.
• Pricing shows subscription and product tiers, so visitors can compare plans.
• About Us covers the company story, mission and values.

Shop, Cart and Checkout Pages in a Tailwind CSS Creative Agency Template

An agency that also sells products does not need a second site, because the shop shares the same design.

• Shop is a product archive, and Isotope filters it by category.
• Then ion.rangeSlider narrows products by price.
• Product Single zooms in on the product image when a visitor hovers.
• Cart, Checkout and Wishlist cover the rest of the purchase.

Blog and Contact Us Pages for Creative Agency Articles

Blog Grid shows posts as cards, while Blog List stacks them in full-width rows. A full article opens in Blog Details, together with related posts. Contact Us holds a form, an address, a phone number and an email. A custom 404 page is included as well.

For example, Counterup animates stats such as clients served, projects delivered and years in business. In addition, Slick runs the featured product and testimonial sliders. Magnific Popup opens images in a full-screen lightbox, and WOW.js adds entrance animations to the sections. This Tailwind CSS creative agency template ships all of these in 16 pages.

Why Services, Pricing and Contact Us Matter Most to a Creative Agency

Services is where a visitor learns what the agency does, so its icons and short descriptions carry the most weight. Pricing then shows the tiers before anyone writes in. Contact Us finishes the path with a form and direct details. Home v1 pulls all three together because it combines a services strip with stats.

Editing Blacky’s Sections With Tailwind CSS 4

A section’s styling travels with its HTML, so you can copy the Services block to another page and keep its look. Utility classes are written in the HTML, so you can read and change the Pricing tiers right where they sit. Because the compiled CSS leaves out any class that no page uses, unused styles do not ship.

Files in the Blacky Creative Agency Download

The completed pages work straight away. When you want to change the styles, the folder also holds the Tailwind source for recompiling them. Neutral placeholders stand in for the preview images, because those are not part of the download. Icons come from FontAwesome and Flaticon, and the fonts load from Google Fonts.