Bilingual Calligraphy Portfolio in Framer

A portfolio website for Arabic calligrapher Riham Karam, built in Framer. The brief was a site that feels like her work: letters measured by the dot, written by the reed, and read the way Arabic is read, from right to left.

The site is fully bilingual (English and العربية) with a proper right-to-left Arabic version, and it's responsive across desktop, tablet and phone.

The hero puts her work at the center: a Thuluth roundel wrapped in a rotating bilingual ring, with her name set in Ruqaa and signed underneath in Diwani. Custom Arabic fonts (Thuluth, Diwani, Ruqaa, Kufi, Nastaʿlīq) are loaded into the project so every script renders as intended.

The selected-works gallery is pinned and moves horizontally as you scroll, in the direction Arabic is read. Each piece is captioned with its script and its meaning.

An interactive script switcher redraws the word كرم (karam, generosity, and the artist's family name) in Naskh, Ruqʿa, Kufi, Nastaʿlīq and a contemporary hand, each with a short note on the script.

Two sections teach the craft by doing. Rhombic dots stack into the alif as you scroll, showing the measure behind classical proportions. "Try the qalam" gives visitors a broad-nib drawing canvas with ink colors, nib size, a 45° angle control and PNG export.

A dark brand-marks section presents her logotypes in context, from a bakery to a florist, in a mixed-size image grid.

Every section has its own phone layout, not just a squeezed desktop version: a reordered hero, a swipeable gallery, stacked brand marks and a full-screen contact call to action.

The site ends with clear commission categories (logotypes, original artworks, lettering for print and social, names and weddings, workshops) and a single warm call to action: لنكتب معاً, "Let's write something together."

Built with: Framer (layout templates, components with variants, CMS collections, scroll and appear effects, localization), custom Arabic web fonts.