Components

Motive Unknown’s website and interface components. Each one is a Nuxt UI component, restyled to this guide.

Header

Growth marketing for music, arts and culture.

We help artists, labels, music technology and retail grow.

Hero

A placeholder photograph
An artist portrait
Two musicians by a wall
A placeholder photograph
An artist portrait
Two musicians by a wall

Image carousel

Artists & Managers

What we do for artists and their managers, and who we do it for.

Page header

Labels & Label Services

Campaigns, catalogue and direct-to-fan growth for labels of every size.
See our work for labels

Vertical teaser

Paid Marketing
New audiences, and fans brought back.
CRM
First-party data, and growth from it.
Ecommerce
Product, content and reporting joined up.
Reporting
The right measures, and what they show.

Service cards

Anjunabeats
Beatport
Because Music
Bicep
Dirty Hit
Domino
Jungle
Partisan Records

Client grid

Full client list

Release Campaign

A debut album campaign

Example Records: a release plan from first single to launch week.
EcommerceCRM

A direct-to-fan store

Example Artist: a store, a mailing list and a launch.
Paid Marketing

A plugin launch

Example Audio: paid media and reporting for a new product.

Case study cards

A placeholder photograph

Image

“A client’s words, kept short, set at the H3 step.”

Alex Example

Manager, Example Artist

Quote

Sound good?

Tell us about your project. We reply to every email.
Email hello@motiveunknown.com

Contact prompt

Network Notes

A newsletter about music, technology and marketing.

Newsletter signup

An example issue title

The first lines of the issue, as Substack’s feed gives them.

A second example issue

Each post is a title, a date and two lines of text.

Post list

Choose a file, or drop it here
PDF, at most 5MB

File upload

Thank you. Your application is with us.
We will reply by email.

Form success

404

We cannot find this page

The link may be old, or the address may have a typo.

Not found

Cookie notice

Footer

These components make the Motive Unknown website. They follow the rules on every other page: one weight, flat fills, no borders on content, and captions in body text under the content. A content container has no radius. A control keeps the 2px radius.

The image carousel moves slowly and stops under the pointer. Its edges fade to the page. Use Pause to stop it. With reduced motion, it does not move.

Small components

Buttons

Button sizes

NeutralSuccessInfoWarningError

Badges

Input

The client sees this name on the report.
This code is already in use.

Input states

Checkbox

Switch

Select

A short, plain summary.

Tabs

Accordion

Breadcrumb

Section links

Link list

Marketing Manager, Recorded Music
Manage client relationships, and lead the marketing work for clients.

Job list item

Text area

Scroll the row to see each one. The interface components are Nuxt UI components, restyled to this guide.