NOOR

Item: NOOR
Rating: 7.2

Framer template for Muslim-friendly boutique hotels

A Framer Marketplace template by proto.ix. Its words and photos are demo content.

Live preview Get this template Save page

7.2/10MABTU rating

Home

DESKTOP · 1440 × 15,552/ ↗

MOBILE · 390

Section outline · Home

01heroFull-width kasbah photo, serif headline, two CTAs828
02introText with four amenity notes800
03roomsThree rows: photo and spec table2,451
04diningPhoto collage with meal list1,608
05faithDark arched photo band, four prayer facilities791
06familiesNumbered family amenity list1,009
07privacyWide photo with three notes1,140
08destinationSix-image mosaic of Marrakesh1,478
09galleryCaptioned photo grid1,870
10servicesNumbered hairline service table1,046
11aboutPool photo and story894
12bookingInline availability bar617
13ctaCharcoal band with footer551

Rating · Home

Visual design7.4

UX & clarity7.2

Originality7.2

Craft & consistency7.0

Motion5.5

Performance & a11y8.7

This page scores 7.2; the site score weights the home page double.

Main colours

Light·off white background·mono

Typography

Erodeheading · serif · self-hosted Switzerbody · sans · self-hosted

Stack & style

Framer React

Minimal Editorial Luxury Photography-led Sticky header Booking widget

Design DNA

Template: cream (#F5F0E6) and sand (#EDE5D6) bands with a charcoal (#23201C) closing block. A light transitional serif sets calm sentence-case headlines (Stay with intention., Everything, quietly handled.), with tiny tracked uppercase eyebrows and a small sans for body. Photography is warm and art-directed: kasbah walls, arched courtyards, pink rooms, tagines, palm pool. Rooms listed as photo left, spec table right; services as a numbered hairline list; prayer rooms, wudu and qibla shown on a dark arched photo band; mosaic galleries; inline availability bar.

Worth borrowing

Build room cards as photo left and a hairline spec table right (occupancy, bed, outlook, size).
List services as a numbered hairline table with name and one-line description instead of icon cards.
Place a slim inline availability bar (dates, guests, room) in its own quiet section near the end.