Nukta Magazine: Brand Identity & Website Design

Client work for Nukta Magazine. Brand and UI/UX designer, working with Omar Shaker (CEO and editor-in-chief) · Fall 2025 · Figma. Deliverables: brand identity, a full design system, a hi-fi site mockup and a site prototype.

Nukta is a Muslim-led magazine for written and visual art by Muslim creatives who often lack accessible places to share their work. It honors the religious and cultural traditions its artists come from while making room for alternative expression, and it aims to reach Muslims across the U.S. I was brought on to give it a brand and a digital home.

A cohesive identity that honors Nukta's religious and cultural roots while feeling modern and accessible to the national Muslim diaspora.

A website that works as the hub for publishing, promoting initiatives and engaging the community.

A design system that stays clear and consistent as new team members and contributors join.

The moodboard grounded the brand in both halves of its identity: a Muslim organization and a literary magazine.

Red, beige and green, each in a muted shade, anchor the brand to cultural touchstones while feeling like printed pages. Ochre is reserved for error messages and slate for certain buttons and card surfaces, and every color has a full shade ramp.

Boldonse for the logo, Glegoo for subtitles and headers, Arida for body copy. All three have ink traps that give a pen-and-ink feel, and Arida's angular, sharp forms are close in design to Arabic type.

"Nukta" comes from the Arabic word for a dot, period or pause. The diamond captures that meaning and gives the brand an icon that works on its own.

The variables go from a brand collection (raw values) to an alias collection (general intent) to a mapped collection (specific UI like buttons, headers and menus). The alias tier is the reason for three: when a case doesn't fit a mapped use, a designer can fall back to the alias and still stay consistent.

With the variables final, I turned them into components: buttons, logos and icons, bars and menus.

A sitemap set the structure (blog, archive, submissions, subscribe, donate, events and about), and a user flow mapped the merch purchase from homepage to payment.

The finished site design, with a working Figma prototype.

Prototype · Design file · Full case study on my portfolio