Sketchling – Character Design Commission Landing Page HTML5 Template

About This Item

This character design commission landing page template is one HTML5 page with one goal. Sketchling is a loud, framed, black one-page lead landing page for illustrators, character designers and small art studios that take commissions.

Every call to action leads to one goal – a commission request – five steps: the brief, the style and usage, references, your details and the summary, with the quote, the deposit and a delivery date worked out from the month’s commission queue, and a request number. A quick quote on a sun-yellow band prices the character by framing, style and usage and hands it straight on.

White hairlines frame the header cells, the boxes and the cards, Kanit capitals set heavy and thin words in one line, Roboto Mono carries the labels, and colourful die-cut characters are stuck all over it – with the mascot, Doodle, in every pose. The header is a set of anchor tabs that glide to each section and light up as you scroll. Also, the page ships with a black and a light theme, right-to-left support, a currency switch and a WebGL Riso grain.

In short, every section on the page leads to that one action. Also, the contact form works out of the box, so you can launch as soon as your content is in.

Character Design Commission Landing Page: One Page, Built To Convert

• Sticker Masthead: First, a slider of character stickers above the framed header.
• Intro: Then, characters that wave and grin back, with the lucky cat and the happy clients.
• The Work, By Series: Next, thirty-six pieces in six series with tabs.
• The Turnaround: After that, doodle turns round on a turnaround sheet as you scroll – front, three-quarter, side and back – with the sheet’s prices.
• Commission A Character: Also, characters, framing, style and usage give the quote and the delivery date, with the slots left this month.
• Your Commission Request: Then, five steps – the brief, style and usage, references, your details, summary – with a live quote. Continue never blocks; only the last step checks the details.
• Pricing – The Rates: Next, bust, half body, full body and full scene in four finishes.
• The Studio: In addition, the people behind the pencils.
• The Film: After that, a parallax band with a video popup – a character from the first line to the last colour.
• Testimonials: Also, what clients say, in a slider.
• Awards & Fairs: Then, the awards and the markets coming up with the days to go.
• Contact: Finally, a working contact form, the studio’s open hours and a Google map.

Character Design Commission Landing Page Features

• One-page lead landing with a single goal: request a commission
• Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
• A black and a light theme on one switch, remembered between visits, with no flash on load
• Right-to-left stylesheets and a flag language picker that turns the page around (Bootstrap RTL included)
• A currency switch that repaints every price
• A WebGL Riso grain – two inks printed as grain, a little out of register
• Real commission logic: characters priced by framing, style, usage and turnaround, a deposit and a delivery date from the month’s queue, a five-step request
• Sticker slider, testimonial slider, parallax video band, priced rates
• 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, plus die-cut character stickers
• Fully responsive with a desktop-first breakpoint system and wide-screen layouts
• W3C valid, zero console errors
• Well-commented code with a numbered CSS table of contents and JS index

Before You Buy

First, open the live demo and scroll the whole page. Then, check it on your phone. Finally, compare the sections above with the action you need.

Credits

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

Note

All photographs are used for preview purposes only and are not included in the download package – they are replaced with neutral placeholders. The logo files, the mascot, the character stickers, the illustrations and the language flags are included.

Browse more Design Agency landing pages, or the multi-page Design Agency website templates.