Motifs
2 of 12 liveGitHub

An open-source series by Valery Melou

Twelve motifs.
One cloth.

Twelve landing pages for fictional brands, each with its own type, color, texture and motion. One component library runs under all of them: Ndop UI, built with Angular.

See the motifsRead the source

Ndop is a cloth from the Grassfields of Cameroon, dyed indigo around stitched geometric motifs. Ndop UI is named after it. This series borrows its motifs.

01 / One library, twelve identities

Same card. Same markup.
Twelve voices.

Every page restyles the same Ndop UI components through its own theme and its own copies of them. Nothing else changes hands: no other UI library, no page builder.

Scroll to pass the card from page to page, or pick one.

Atelier Ndop

Spindle and wheel scarf

Dyed in indigo by hand, 180 × 60 cm.

Order as a scarfMade to order

02 / The motifs

Twelve worlds,
one launch at a time.

Four immersive, four editorial, four playful. Each launches when it meets the quality bar.

Showing all 12 pages

  • 01

    Atelier Ndop

    Immersive

    Indigo cloth, dyed by hand, one motif at a time.

    Visit

  • 02

    Fil

    Editorial

    Send SMS and WhatsApp messages across African networks with one API.

    Visit

  • 03

    Njangi

    Playful

    Run your savings circle with friends, without the notebook.

    Coming soon

  • 04

    Bamboutos Coffee

    Immersive

    Single-origin coffee from smallholders on the Bamboutos slopes.

    Coming soon

  • 05

    Lobé House

    Immersive

    Twelve rooms where the Lobé falls meet the sea.

    Coming soon

  • 06

    Canopée

    Editorial

    Funding the rangers and villages who keep the Dja forest standing.

    Coming soon

  • 07

    Terre Crue Studio

    Editorial

    Schools and houses built in compressed-earth brick.

    Coming soon

  • 08

    Wouri Supply

    Playful

    Small, numbered drops from Douala.

    Coming soon

  • 09

    Soya Nights

    Playful

    Yaoundé's weekly night market of soya grills and plantains.

    Coming soon

  • 10

    Ciel du Nord

    Immersive

    Guided nights under the Sahel sky, far from city light.

    Coming soon

  • 11

    Ambiance Records

    Editorial

    Makossa and bikutsi, reissued and newly recorded.

    Coming soon

  • 12

    Petit Pont

    Playful

    French and English for kids aged 5 to 9, learned together.

    Coming soon

03 / How it is made

Built to be read,
then taken apart.

  1. 01

    Ndop UI, and nothing else

    Every interactive piece comes from Ndop UI. When a page needs something Ndop lacks, it is built small, in the page, and written up for Ndop.

  2. 02

    Each page owns its components

    Components are copied into each app and restyled there, through tokens first. Pages share only motion helpers, the footer and this list.

  3. 03

    Open, and honest about how

    MIT licensed. Designed and reviewed by Valery Melou, implemented with AI coding tools, held to a published quality bar.

Run it 
git clone https://github.com/valerymelou/motifs.git
cd motifs && pnpm install
pnpm nx serve motifs