UI Lingo
Shortlist 0

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.

“Indigo & tin chok”Thai & RegionalEra: 2020s (rooted in Lanna weaving and lacquerware)CalmNaturalFriendlyNostalgicNew
Open full screen ↗
lanna-craft / landingEN
lanna-craft / landingTH
Customize

Try a palette, other colours, radius, density, display size and fonts on the preview. The copied prompt and theme export follow your choices; the style itself never changes.

Palettes

UI Lingo pool

Colours · Light

    Recipes may hard-code decorative colours, sizes or fonts, so a change can apply only in part, and the signature may not hold.

    Design keywords

    Say these words to ask for this style.

    mo hom indigotin chok hem bandwoven stripe bordersrunning-stitch outlinelacquer red threadsunbleached cotton groundlozenge diamond motifhand-made calm

    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

    Thai Modern Heritage →Thai Modern Heritage is lacquer black, red and leaf gold with gold hairline double frames and temple-arch shapes; Lanna Craft is indigo on raw cotton with woven stripe hems and dashed stitches, no gold or arches.Nature Distilled →Nature Distilled is terracotta and sand with paper grain and flat sun-and-dune forms; Lanna Craft is led by deep indigo and carries explicit woven textile bands and lozenge motifs.Japandi →Japandi is near-empty oat and charcoal drawn with single hairlines; Lanna Craft is warmer and busier at the edges, with multi-colour woven hems, stitched outlines and dyed indigo panels.

    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.

    Audit
    ✓ Passed
    Rounds
    3
    Builder
    unknown
    Auditor
    unknown
    Copied!
    ↑ ↓ to move · Enter to open · Esc to close