KON

Item: KON
Rating: 7.4

Framer template for artisan indigo textile ateliers and craft shops

A Framer Marketplace template by swec flow. Its words and photos are demo content.

Live preview Get this template Save page

7.4/10MABTU rating

DESKTOP · 1440 × 7,902/ ↗

MOBILE · 390

Section outline · Home

01heroSerif headline left, gradient-dyed cloth photo right, kanji watermark820
02aboutText left, workshop photo right on pale blue
03processFour numbered photo steps of the dye process
04swatchesSix flat indigo swatches, light to dark
05productsAsymmetric product grid with navy price captions
06quoteHands photo with maker's statement
07journalRuled list of three entries
08ctaCentred serif line, red button
09footerLarge KON wordmark, three link columns on near-black navy

Rating · Home

Visual design8.3

UX & clarity7.6

Originality8.5

Craft & consistency7.6

Motion6.0

Performance & a11y8.0

This page scores 7.8; the site score weights the home page double.

Main colours

Light·white background·muted

Typography

Cormorant Garamondheading · serif · google Cormorant Garamondbody · serif · google

Stack & style

Framer Google Fonts React

Minimal Editorial Luxury Photography-led Hamburger-only nav Process steps

Design DNA

Template: craft textile shop. The page background steps down an indigo scale as you scroll: unbleached #F6F4EF hero, pale #D6E3EA, #A9C2D2, mid #5F86A8, #2E5480, deep #1C2F55 and #121833 footer, so the layout itself tells the dyeing story. Light high-contrast serif (Cormorant-like) for display at 40-56px in sentence case, tiny letterspaced uppercase eyebrows, a faded kanji watermark behind the hero. Warm, dim workshop photography of vats, hands and hanging cloth. Signature band: six flat swatches from white to near-black labelled 'Dip 01/06'. Products in an asymmetric 1 large + 3 small grid with navy caption strips; journal as a thin ruled list; one muted red button.

Worth borrowing

Let section backgrounds progress along one hue scale down the page so the scroll mirrors the craft process.
Show the product's colour range as a strip of flat swatches with a 'Dip 01/06' caption instead of a features grid.
Use a single muted red button on an all-blue page so the one CTA is unmissable.