Lanna Craft
Also called: Northern Thai craft, Chiang Mai handmade, Woven indigo
Hand-dyed indigo, lacquer red and teak on unbleached cotton, edged with woven tin chok hem bands and running-stitch outlines — calm Northern Thai craft.
Design keywords
Say these words to ask for this style.
From the hand looms of Chiang Mai: the page is unbleached cotton with a faint plain-weave texture, the main colour is mo hom indigo, and lacquer red, teak brown and turmeric ochre appear only as woven threads. Panels are finished like cloth: weft pin stripes on ordinary cards, a full tin chok lozenge hem on alternate section bands, price cards, the hero product frame, the CTA, featured cards and the footer, and a dashed running stitch inside the outline. A sturdy calligraphic serif over a soft humanist Thai sans keeps it slow and hand-made, not ceremonial or glossy.
Best for
- Spas, yoga studios and retreats in Northern Thailand
- Handmade textile, ceramic and coffee brands from Chiang Mai and Nan
- Community-based tourism, homestays and craft workshops
- Slow-living and wellness apps with a strong local identity
Avoid for
- Fintech, developer tools and dense data products
- Ceremonial or royal campaigns (use Thai Modern Heritage)
- Loud sales and street-market promotions
✓ Do
- Use indigo for the one main action and large dyed panels; keep red, teak and ochre as 1–3px threads
- Put the 22px tin chok hem only on .alt section edges, price cards, the hero product frame, textile art panels, the CTA, the mobile featured card and the footer; use 8px weft pin stripes on ordinary card tops, under the nav and top bar, and above the tab bar; never put either behind body text
- Keep each plain-weave line layer at or below 6% alpha (teak 5.5%, indigo 4.5%) and Thai body line-height 1.7+ (eyebrows exactly 1.7)
- Use the dashed running stitch as the hand-made finish: 13px 6px 6px inside cards, 28px 7px 7px under a hem, 4px inside buttons
✕ Don't
- Don’t use gold leaf, temple arches or Prajam Yam — that is Thai Modern Heritage
- Don’t fill large areas with lozenge pattern at full contrast; it vibrates
- Avoid pure white, glossy gradients and soft blurred shadows
- Don’t set body text in a script or decorative Thai display face
Not to be confused with
On mobile
Keep the weft pin stripes on the tab bar top edge and the full lozenge hem on the featured card and the onboarding textile panel; list rows use only the dashed stitch. Drop the plain-weave texture on low-end devices — the flat cotton colour is enough.
Prompt builder
Paste into Claude, Cursor, v0, Lovable or any coding agent to recreate this style.