TOKENS & PALETTESرنگ و نشان
Six palettes pulled straight off the moodboard references. Click any swatch to copy its hex; copy a whole palette as CSS variables and drop it into any build — every element below can be re-skinned by these six moods.
BUTTONSدکمهها
Six button species. They lean toward your cursor, shimmer with gold leaf, fill with kilim weave, burst with lion-sun rays. Tune each with sliders — COPY CODE exports the exact button you tuned.
TYPOGRAPHYحروفنگاری
Curated Persian ↔ Latin font marriages (all free on Google Fonts), plus type that physically responds to your cursor — each letter's weight is a function of its distance to the pointer.
CARDS & SURFACESکارتها
Mihrab-arch frames, Shaatir tile mosaics that flip, and a card that tilts in 3D toward your cursor with a moving gold glare — the physics of a glossy tile in lamplight.
GLAZED TILE
A glossy ceramic in lamplight: the card rotates toward your cursor in 3D and a gold specular highlight tracks the pointer across the glaze.
FIELD & BORDER
Every Persian carpet is a bordered universe: a woven guard band, a dashed inner rule, a medallion at heart.
ORNAMENT GENERATORSتذهیب
Not clip-art — equations. Kilim bands, eslimi scroll dividers, star-and-cross friezes and pointed-arch frames are generated live from your sliders, then copied out as clean standalone SVG.
CURSOR EFFECTSنشانگر
A playground of pointer trails for your sites: gold dust, wet lapis ink, turquoise tile ripples, desert wind. Velocity feeds the emitter — flick the cursor and watch it answer.
NAVIGATIONناوبری
A tab bar whose active state is a gliding Persian arch, and links underlined by a calligraphic stroke that draws itself on hover.
LOADERSبارگیری
Waiting, but make it Persepolis: an eight-point star that laces itself, twin girih squares in counter-rotation, and a mosaic that tiles itself into being.
LIVING FIELDزمینه
The hero background of your future sites: a star-and-cross lattice that sleeps in the dark and wakes where the cursor walks. Density, reach and ember colour are yours. (A quiet version of this is already running behind this whole page.)
TYPE FOUNDRYقلمخانه
Type a word — the foundry draws it as an original piece of lettering. No AI call, no font file: a calligraphic broad-nib pen simulation runs over letter skeletons, so every slider (weight, contrast, nib angle, flow, cascade…) is a real design decision. Deliberately fenced to three vocabularies: ancient Iranian (Persepolis wedge, Kufic geometry), Persian calligraphy (Nastaʿlīq flow), and English (serif / grotesk). Wrap it in an emblem — sunburst, mihrab, wreath, kilim — and export SVG or PNG.
NEO UIرابط نو
Fifteen futuristic interface parts — glassy buttons, holographic toggles, tilt cards, command bars, segmented controls, steppers, tooltips, avatars, pagination and more. Every part is skinned by CSS custom properties; COPY CODE bakes your slider values into a drop-in snippet with zero dependencies.
FROSTED PANE
A backdrop-blur glass surface with a specular top edge and a coloured bloom behind the frost.
HOLO PANEL
A gradient-outlined surface that tilts toward your cursor with a light bloom tracking the pointer.
CANVAS ATELIERبوم زنده
Thirteen animated canvas backdrops driven entirely by mathematics — flow fields, constellations, wave interference, Voronoi shimmer, orbiting bodies, a harmonograph, a starfield warp, aurora, plasma, a Persian star tessellation and animated moiré. Premium hero backgrounds: each exports a self-contained paCanvas(element) you attach to any box. Live previews pause when off-screen to stay light.
SURFACES & FXسطوح و جلوهها
Twelve drop-in backdrops and overlays — animated mesh aurora, glass panels, film grain, a spinning conic border, a cursor spotlight, CRT scanlines, gradient dividers, a dot grid, an infinite marquee, a skeleton shimmer, morphing blobs and a parallax stack. Wrap any content; COPY CODE gives you the self-contained layer.
PAGE BLOCKSبلوکهای صفحه
Ten complete, production-ready page sections — a hero, a pricing table, a feature grid, testimonials, a footer, a CTA banner, a stat strip, a team grid, an FAQ accordion and a newsletter. Each preview is the real thing; COPY CODE gives you the entire section, styles inline, ready to paste into a landing page.
Build interfaces
worthy of the archive
A design system distilled from Persian craft — geometry, gold and lapis, engineered for the modern web. Ship a landing page that feels centuries deep and minutes new.
Everything, encoded
Six pillars of the atelier, one system.
Girih Geometry
Every ornament is generated from equations, not clip-art — infinitely scalable.
Live Tokens
Six palettes off the loom, swappable as CSS variables in one line.
Zero Deps
No libraries, no build step. Copy a snippet, paste, ship.
Cursor Physics
Magnetic buttons and proximity ink that answer the pointer.
Bilingual
Persian and Latin type married and RTL-aware throughout.
Export Anything
SVG, PNG, CSS — every asset leaves as clean, yours-forever code.
Ready to build something timeless?
Join designers shipping Persian-grade interfaces. No credit card, no lock-in — just the whole atelier.
The Atelier
Hands behind the loom.
Questions & answers
Letters from the loom
One considered email a month — new elements, palettes and the craft behind them.