Skip to content

Vector & Velvet Design Studio

A dark purple and hot pink graphic design studio site whose animations look like a design app at work: pen tool, selection handles, swatches and kerning.

Vector & Velvet Design Studio — Home
Vector & Velvet Design Studio — Work
Vector & Velvet Design Studio — Studio
Vector & Velvet Design Studio — Contact
Vector & Velvet Design Studio — Mobile

Scroll inside the preview to see the whole page.

About this template

A bold portfolio website for a graphic design studio, in midnight purple, hot pink, acid lime and cyan. The hero shows a live artboard: the pen tool draws a bezier curve with anchor points and handles, a cursor glides in, colour swatches pop, a layers panel highlights and a shape morphs — while the headline word sits inside an animated selection box with transform handles. Each service card has its own design animation (logo construction circles, kerning letters, CMYK overlap, an easing curve), project cards zoom with a “View case” cursor, a palette strip expands on hover with hex and CMYK values, and a pen line draws itself through the process steps. Includes Work, Studio and Contact pages with a project brief form. Every animation is a class you can switch on or off in Cornerstone.

Highlights

  • Live “artboard” hero: pen tool draws a bezier, cursor, swatches, layers panel and morphing shape
  • Animated selection box with transform handles around headline words
  • Service cards with design animations: logo construction, kerning, CMYK overlap, easing curve
  • Portfolio grid with hover zoom and “View case” tags; expanding colour palette strip
  • Self-drawing pen line through the process, counters and a project brief form (Cornerstone Forms)
  • Six original portfolio pieces included; all motion respects “reduce motion”
  • Journal with category filters, three sample articles and custom blog archive and article layouts

Pages included

  • Home
  • Work
  • Studio
  • Contact
  • Field Notes
  • Blog article
  • Privacy Policy

What you need

  • Required
    Pro theme or CornerstoneThe template is a Cornerstone export (.tco) — built with native Cornerstone elements, fully responsive.
  • Required
    Cornerstone FormsAdds the project brief form

How installation works

  1. Make sure the Pro theme or the Cornerstone plugin is active, and install and activate Cornerstone Forms first.
  2. In WordPress, open Cornerstone › Templates, click Import and upload the .tco file. Pages, headers, footers, layouts, images, colours and fonts are added to your site.
  3. Go to Settings › Reading, choose A static page and set Homepage to “Home”.
  4. Forms send to your site’s admin email (Settings › General). To use another address, edit the form’s Email action in Cornerstone.
  5. Replace the sample text, photos and contact details with your own in Cornerstone — and you’re live.

More templates

See all →
Apex Motors
Automotive

Apex Motors

A liquid-glass sports car site told as a story: cars drive in, cross the screen as you scroll and a speedometer sweeps into view.

$59 Details
Smash & Ember Burgers
Food & Drink

Smash & Ember Burgers

A mouth-watering animated burger joint: the burger builds itself layer by layer, pulls apart as you scroll and fries fly around the page.

$59 Details