Arabic Elegant

Font pairingserif + sans

Noto Naskh Arabic + Noto Sans Arabic — arabic, elegant, traditional, cultural, RTL, readable

arabic elegant traditional cultural RTL readable

FontsNoto Naskh Arabic headingsNoto Sans Arabic body

Preview

A sample page drawn from this style’s tokens — a guide to the look, not the exact output. Fonts from Google Fonts: Noto Naskh Arabic, Noto Sans Arabic.

New · weekly review

Plan the week in ten minutes

Pull in every task, see what matters, and share one clear plan with the team.

Get startedSee how it worksDocs

Tasks done1,284+12% this week

Emailyou@example.com

Remember meContinue

Today

Review roadmapDone

Ship onboardingIn progress

Team sync3 pm

Prompt

Paste into any AI assistant before describing what to build — or attach it to a project below.

# Font pairing — Arabic Elegant

Headings: Noto Naskh Arabic · Body: Noto Sans Arabic
Mood: arabic, elegant, traditional, cultural, RTL, readable
Best for: Arabic sites, Middle East market, Islamic content, bilingual sites

RTL support. Naskh for traditional, Sans for modern Arabic.

```css
@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@300;400;500;700&display=swap');
```

Tailwind: `fontFamily: { serif: ['Noto Naskh Arabic', 'serif'], sans: ['Noto Sans Arabic', 'sans-serif'] }`

Use it in an app

Create a free account to attach this style to a project: the hub adds it to the prompt your AI assistant gets, so it builds every page in this look.

Start building — free I already have an account

From UI/UX Pro Max (MIT, commit 477bcb2).View source