−30%Bestseller
Design system
UI Kit
Every reusable component in the Loomhouse template, on one page. This is the visual reference for the whole application — build new screens by composing from here rather than writing new markup.
01
Typography
Fraunces for display headings, Inter for everything else. Never use the display face for body copy.
Display · Fraunces
Heading 1 · Timeless carpets
Heading 2 · Crafted in India
Heading 3 · Hand knotted
Heading 4 · Specifications
Lead — used once per page, directly beneath an h1, to carry the opening idea.
Body — the default. Set in Inter at a comfortable measure, it stays readable from 375 px through to a 1920 px desktop without changing size dramatically.
Small — secondary detail, captions under images, helper text beneath fields.
Caption — the smallest size in the system. Use sparingly.
Eyebrow with rule
Label · uppercase trackingTabular numerals — ₹14,800 · 1,240 · 8' x 10'
02
Colours
Semantic tokens only. Components never reference a raw hex value, which is what makes the dark theme free.
--background--foreground--card--surface--primary--secondary--muted--muted-foreground--accent--accent-soft--border--border-strong--success--warning--destructive--ring
04
Inputs
Every control is wrapped in FormField, which wires up the label, description, error message and aria attributes.
Registered trading name as it appears on your GST certificate.
Enter a valid email address.
Checkbox
Radio group
Switch
Quantity selector
05
Selects
Radix Select, styled to match the input scale. Fully keyboard navigable with type-ahead.
06
Badges
Status and metadata. Product badges are derived from the product itself rather than passed in per page.
Variants
NeutralBestsellerNewOfferMade in IndiaIn stockLow stockDiscontinued
Commerce badges
MOQ 5 pcsPremier partner
In stock· 64 pcs available
Low stock· 7 pcs available
Made to order· Ships in 45 days
Out of stock
07
Cards
Use them for genuinely grouped, separable content — not as the default wrapper for every block.
default
The default card variant, at the default padding step.
elevated
The elevated card variant, at the default padding step.
bordered
The bordered card variant, at the default padding step.
interactive
The interactive card variant, at the default padding step.
muted
The muted card variant, at the default padding step.
08
Product Cards
One component, three variants. There is no separate card for featured products, search results or the homepage.
variant="grid"
Featured
RUG-JPR-002
Jaipur Hand-Knotted Floral Rug
Hand Knotted · Wool & Silk
₹19,200/ piece
₹24,000−20%
MOQ 4 pcs
In stock
−36%New
−34%New
variant="featured"
−30%Bestseller
CAR-KSH-001
Kashan Heritage Wool Carpet
Hand Knotted · Wool
A classic Kashan medallion rendered in hand-spun Ghazni wool, with an ivory field and a deep rust centre.
₹14,800/ piece
₹21,000−30%
MOQ 5 pcs
In stock
variant="compact"
09
Product Grid
Responsive column counts, a loading state and an empty state, all in one component.
columns={3}
−30%Bestseller
Featured
RUG-JPR-002
Jaipur Hand-Knotted Floral Rug
Hand Knotted · Wool & Silk
₹19,200/ piece
₹24,000−20%
MOQ 4 pcs
In stock
−36%New
Empty state
No products match those filters
Try removing a filter or widening the price range. Our trade desk can also source pieces that are not listed.
10
Product List
The horizontal row used by list view, search results, the wishlist and order history.
−30%Bestseller
A classic Kashan medallion rendered in hand-spun Ghazni wool, with an ivory field and a deep rust centre.
₹14,800/ piece
₹21,000−30%
MOQ 5 pcs
In stock· 64 pcs available
Featured
An ogee lattice of trailing blossoms, worked in wool with silk highlights that shift with the light.
₹19,200/ piece
₹24,000−20%
MOQ 4 pcs
In stock· 38 pcs available
−36%New
Concentric lozenges in natural indigo and undyed ivory, flat-woven and fully reversible.
₹7,350/ piece
₹11,500−36%
MOQ 8 pcs
In stock· 120 pcs available
11
Filters
Filter state lives in the URL, so filtered views are shareable and the server can render them directly.
12
Modal & Drawer
Both are Radix Dialog with different positioning. Focus trapping, Escape handling and scroll locking come free.
13
Alerts
Inline messages tied to a region of the page. For transient confirmations use a toast instead.
Lead times updated
Hand-knotted production is currently running at six weeks.
Quotation accepted
RFQ-2026-0869 has been converted to order LH-2026-5512.
Below minimum order quantity
This design ships from 5 pieces. Increase the quantity or request a quotation.
Payment failed
We could not process the deposit against this proforma invoice.
14
Toast
Transient confirmations. Screens call notify.* rather than importing the toast library directly.
15
Empty States
Icon, title, explanation and a way forward. An empty screen should always suggest the next action.
No products found
Try removing a filter or widening the price range.
Your wishlist is empty
Save designs while you browse and they will be collected here.
Something went wrong
We could not load this section. Please try again — if it keeps happening, contact our trade desk.
Technical details
TypeError: Cannot read properties of undefined (reading 'items') at getProducts (lib/api/products.ts:78:14)
16
Loading States
Skeletons matched to the real layout, so nothing jumps when content arrives.
ProductCardSkeleton
TableSkeleton
ProductDetailsSkeleton
ProductGridSkeleton
17
Hero
Three variants: split, overlay and compact. Copy always sits on a solid surface for contrast.
Crafted in India
Timeless carpets for modern spaces.
Explore our wholesale collection.
Compact
A page header with no image
Used where a full hero would be too heavy.
18
Categories
CategoryCard and CategoryGrid — image, name, description and a live product count.
19
Collections
Editorial cards with an image, an overlay and a season label.
20
Testimonials
Two variants — a featured pull quote in the display face, and a compact card.
We switched our entire traditional range to Loomhouse two seasons ago. The reorder consistency is what sold us — a Bhadohi Classic ordered in March matches the one we bought in October.
The CAD layouts and woven sample headers meant we could get client sign-off before anything went on the loom. That alone saved us three weeks on a 140-room refurbishment.
An MOQ of four pieces on hand-knotted work is genuinely unusual. It lets me specify a bespoke carpet for a single residential project without carrying dead stock.
21
Trust Section
Icon plus text, in a stacked or inline arrangement.
variant="stacked"
Handcrafted in India
Woven in our own units in Bhadohi and Jaipur, and by partner cooperatives in Kutch and Mirzapur.
Flexible MOQ
From two pieces on fine hand-knotted work and twelve on entry-price flatweaves. Mixed-design cartons allowed.
Wholesale pricing
Trade pricing on every line, with three volume tiers per product and account-specific rates above 50 pieces.
Worldwide shipping
FOB Nhava Sheva or door-to-door DDP. Full export documentation, GSP certificates and container consolidation.
Quality checked
Every piece is measured, washed, clipped and inspected against a five-point check before it is rolled.
variant="inline"
- Handcrafted in India
- Flexible MOQ
- Wholesale pricing
- Worldwide shipping
- Quality checked
22
Commerce
The B2B-specific pieces: the price block, MOQ, stock status and volume tiers.
variant="card"
₹14,800/ piece
₹21,000−30%
variant="inline"
₹14,800/ piece₹21,000
variant="detail"
₹14,800per piece · wholesale
Retail ₹21,000You save 30%
23
Pagination
Link-based, so pages are crawlable and work without JavaScript. Ellipses appear once the range is long.
Showing page 4 of 12