Northwind

Pixel Logo placeholder
Northwind sample project hero image
Client
Northwind
Industry
Component Review Sample
Deliverables
Strategy
Brand Identity
Design System
Motion Design
Prototyping
Digital Design
Website
Mobile App
Year
2026

Northwind is a review sample, not a real client. It exists to render every block introduced on the new project page in one place, in the order an editor would most likely reach for them.

This intro is the Description field (descriptionRich). It has two paragraphs on purpose, so the paragraph spacing and the metadata plain-text conversion can both be checked.

Block 1: Description Block. This is the new descriptionBlock2 body copy, and it carries both link kinds so the mark rendering can be verified: this is an external link and this is an internal link to Custom Website Design.

A second paragraph, to confirm blocks inside one description are spaced rather than run together.

Pixel Logo placeholder
Block 2, single media block rendered as an image
Pixel Logo placeholder
Pixel Logo placeholder
Block 4a, duo media block left side image
Pixel Logo placeholder
Pixel Logo placeholder
Multiple media tab one, logo
Quote IconBlock 5b: Duo Media (quote). The quote variant renders on the base-100 surface with the author's memoji, so the card background, the borderless edge and the memoji theme swap can all be checked here.
AlirezaCreative Director

Block 6: Mobile Prototype

First slide. Below md these stack rather than sit side by side.

Mobile slide two

Second slide, to exercise the nav dots and their aria labels.

Mobile slide three

Third slide.

Block 7: Desktop Prototype

The desktop variant of the same prototype block.

Desktop slide two

Second desktop slide.

Quote IconBlock 8: Client Testimonial Block. The wide centred testimonial, with its own vertical rhythm and a circular author image. Authored alt text on that image should win over the asset's own altText.
Block 8 testimonial author portrait
Pixel Logo placeholder
Block 9a, duo media image pair left
Pixel Logo placeholder
Block 9b, duo media image pair right

Ample is the Uber of home improvement services, a home services marketplace app connecting people with trusted providers. Designed with rapid prototyping and user-centered mobile app design, it lets users book same-day services, chat with providers, and and pay securely, all from one app.

Keep scrolling for the next project

Ample

Pixel Logo placeholder