Skip to content
Gradmarc Adtech LLP

Concept project · Website

Veinline Surfaces

A marketing site and live catalogue for a fictional natural-stone studio: large imagery, a filterable collection, and a booking path that works as well on a phone as on a desktop.

The problem it is designed around

Stone is bought by eye. The site has to show material at its best, help people shortlist slabs, and turn interest into a studio visit, while staying fast on mobile connections.

Type
Concept project: a fictional brand, built to show the work. Not a client engagement.
Layers
Website · Catalogue · Enquiries
Stack
Next.js, React, TypeScript, Tailwind CSS
Live site
None. This is a concept, so there is no live product.
  1. 01

    Editorial home page

    Serif display type, generous space and a single clear action: book a consultation.

  2. 02

    Filterable catalogue

    Finish, tone, thickness and application filters over a structured product model.

  3. 03

    Mobile first

    The same story told in a single column, with the booking action always within reach.

02Screens

The interface, screen by screen

Rendered from code in this website's repository. Names, companies and figures on screen are fictional.
  1. Veinline home page: a serif headline reading 'Stone with a story in every vein', a large marble slab image and featured stone collections below.
    01Home pageThe home page leads with one material and one action.
  2. The Veinline home page on a phone: a green marble image, the headline and an 'Explore collections' button.
    02Home page on a phoneOn a phone the page becomes a single, thumb-friendly column.
  3. Veinline marble collection page with finish, tone and thickness filters beside a grid of six stone slabs.
    03Marble collectionThe catalogue filters by finish, tone and thickness.

Have something worth building?

Tell us what you want to build. A short brief is enough to start the conversation.