Making it cooler

Home · hero

Chrome that moves

A light sweeps across the chrome lettering every few seconds (faster when you hover it), the logo's own sparkles twinkle, and the payasa leans toward the cursor with a cobalt glow that follows it. The small header logo hides while the header is see-through over the hero and appears with the solid bar.

Every page · headings

Chrome lettering

Headings get the same polished-chrome finish as the logo, and the script word writes itself on as you scroll to it. On the light scheme the chrome turns gunmetal, on Oxblood it turns gold.

Now: Flat white headings; the script word only changes colour.

Under page titles, in the centred bands

Pinstripe dividers

Hand-striped flourishes, the kind painted on custom cars, that draw themselves in as they come into view. A small one sits under each page title (like the one above), a big one over the final call to action on the homepage and in the CozyVik "On the road" band.

Home · between the work and the styles

Scrolling band

Two tilted ribbons running opposite ways, one in Old English and one in script. Hovering pauses them.

Now: Nothing there; sections meet directly.

Home · Fresh off the chair, and the Work page

Tilting work cards

Each photo tilts toward the cursor with a glare that moves across it, like a glossy print catching the light, and the caption rises. Touch screens get the plain cards.

Work page and the home photos

Photo viewer

Tap any photo to open it large with its title and note. Arrow keys, the on-screen arrows or a swipe move through the work; Esc or tapping outside closes it.

Now: There's no way to see a piece big; photos just link to the Work page.

Home · What Vik is known for

Photos in the letters

Each style's name is set huge with the tattoo showing through black & grey letters. Hover and the whole photo floods in behind the word.

Process page and the home How it works

Scroll timeline

A rail fills in as you scroll, and each step lights up when you reach it.

FAQ & Policies, and the home Good to know

Gliding FAQ

Answers glide open, only one stays open at a time, the + turns into a −, and the open question gets an accent rule down its side.

Everywhere

Buttons & menu links

Menu links draw an underline out from the middle, and the current page keeps a small ✦ over its link. The candy-paint and chrome buttons below weren't picked.

Every page, on computers only

Custom cursor

A ring that trails the pointer and grows into "View" over photos and "Book" over the booking button. Here it only runs inside the box.

Now: The normal cursor.

Book a consult

Booking form polish

Option edges light up under the cursor, a check stamps the one you pick, the progress bar has a notch per step, and steps slide across. (The size boxes were dropped.)

Where a dark section meets a coloured one

Sprayed section edges

The next section's colour is sprayed up into the one above, with overspray speckle like a real can.

Now: A hard straight line.

Foot of every page

Chrome spotlight footer

The big wordmark turns to chrome wherever the cursor shines on it, now in the heading font so it's easier to read. On phones the light drifts across by itself.

Foot of every page

Footer wordmark fonts

The big "CozyInkz" at the bottom of every page in ten different fonts, each with the same chrome spotlight. The second five (f–j) lean into the brand's roots. Tell me the letter you like (e.g. "15g").

Now: Old English heading font (15e).