Studio Crimson is a complete creative agency website and admin template for ambitious brands, built with Tailwind CSS. Tagline on the demo: "We design brands people remember".

One download gives you 258 pages that share one theme: a marketing site, a 14-page admin dashboard, a full UI kit with copy-ready code, 41 example pages and 100 working forms - all in light and dark mode and responsive down to 360 px.

What's inside

• Home page - Split Screen layout, plus a gallery of 14 page layouts (single column, sidebar, split screen, bento, masonry, magazine, F- and Z-pattern and more)
• Admin dashboard - 14 pages with a top navigation look: overview, analytics, orders, customers, products, invoice, calendar, kanban, messages, files, profile, settings, notifications, 404
• UI kit - 70 documentation pages (tools, components, helpers, utilities), 20 live examples each with a Preview / Code switch and a Copy button
• 41 example pages - album, blog, checkout, dashboard, pricing, product, sign-in, navbars, sidebars, footers, heroes and more, several with right-to-left versions
• 100 full forms with validation - login, register, 2FA setup, checkout, payment, booking, surveys, HR and admin forms
• Modern CSS effects - animations (morphing-blob, pulse-wave-effect, multi-layer-spinner); clip-path (circle-reveal, polygon-morph); filters (hue-rotation, brightness-contrast, filter-neon-glow); transforms (transform-chain, 3d-rotating-cube, translate-3d); transitions (glassmorphism-hover, elastic-scale); gradients (mesh-gradient, aurora-hover); shadows (neumorphism, layered-shadows, shadow-neon-glow); backgrounds (bg-parallax, bg-wave-blob, bg-gradient-flow)
• 6 theme modes - light, dark, dim, sepia, high contrast and auto (follows the system), remembered per visitor
• 2,000+ icons (Bootstrap Icons) and original SVG illustrations - no stock licences needed
• documentation.html, README.md and PAGES.md (every page listed)

Design

• Colours: primary #b91c1c, secondary #ea580c, accent #0f766e
• Fonts: Red Hat Display + Red Hat Text (Google Fonts)
• Every colour, font and corner radius is a token in one file (theme.css) - rebrand the whole template in minutes
• The demo brand is the placeholder "Brand name 4" - replace it and the logo SVG with your own

Tech

• Tailwind CSS - Tailwind CSS 4.3.3
• Open index.html - works straight away with the Tailwind browser build; npm install + npm run build:css makes the minified production CSS.
• Works in Chrome, Edge, Firefox, Opera (last 2 versions) and Safari 16.4+ on macOS and iOS
• Clean, semantic, accessible HTML (skip link, labelled controls, keyboard-friendly menus)

Licence options

• Personal - one end product for yourself or one client
• Commercial - unlimited end products for yourself and your clients
• Extended - end products sold to many users (SaaS, themes sold inside a product)

You may change the template in any way, but not resell or share the template itself. Free updates for version 1.x.

Screenshots show the real pages of this download.