The card table
Baloot and other hand games are played at home and in the majlis. We take the card’s shape and its mirrored corner indices, never casino imagery: no chips, felt, dice, slot reels or betting language.
Brand guide
How JokerPrice looks, moves and speaks, and the files to use when you write about it or build with it. Please use the files as supplied.
The idea
A host’s calendar is a hand of cards: most nights follow the market, and a few are worth far more than they look.
Every night has a price. Some nights are jokers.
Weekend nights, Eid, Riyadh Season, the Dubai Shopping Festival and the week of a big conference are jokers. JokerPrice reads the market every day, finds them and prices every night in the calendar.
Sadu weaving
Al Sadu, the Bedouin weaving of Saudi Arabia and Kuwait, made the bayt al-shaʿar, the tent where Arabian hospitality began. We take its colours and its diamond, the ʿayn or eye. The diamond is also a card suit, which is where the two traditions meet.
The mark
The night card: a madder card with the Sadu diamond in its centre and the same rank in both languages at its corners.
- Card
- Portrait 5:7, with a corner radius of 14% of its width, filled with madder.
- Diamond
- A white diamond with a smaller madder diamond inside it: the ʿayn, or eye, of Sadu weaving.
- Corner indices
- A Latin J at the top start corner and an Arabic ج at the bottom end corner, like a real card’s two corners. The ج stays upright, because turned it reads as a 2.
Sizes
From 64 px the mark carries its indices. At 32 px and smaller they are dropped and the diamond grows; at 16 px the eye closes so the diamond stays crisp.
128 pxFull detail- 64 pxFull detail
32 pxIndices dropped
16 pxEye closed
Don’t
- Put gradients, sheen or shadows on the mark.
- Tilt it, except in motion.
- Use an outline-only version or recolour the diamond.
- Turn or mirror the corner indices.
Lockups
The mark sits before the wordmark in reading order: on the left in English and on the right in Arabic. The wordmark is jokerprice in lower case, set in Readex Pro 600.
Clear space
Keep space around a lockup at least the width of the diamond, free of text and other graphics.
Minimum size
Keep a lockup at least 24 px tall on screen and 8 mm tall in print, and the mark alone at least 16 px.
Writing the name
JokerPrice is one word with a capital J and P. In Arabic, write جوكر برايس. The lower-case jokerprice appears only in the logo.
Colour
The palette comes from Sadu weaving and the card table. Each ratio is measured against the colour it is paired with, and every pair used for text passes WCAG AA (4.5:1).
- Aa16.7:1AAABayt
--baytInk: text, primary buttons and dark surfaces. The goat-hair black of the bayt al-shaʿar.
- Aa6.5:1AAMadder
--madderThe joker: the mark, joker nights and the one highest-emphasis element on a screen. Never used for errors.
- Aa7.7:1AAASaffron
--saffronWarmth: weekend and high-demand nights, and secondary highlights. Text on saffron is Bayt.
- Aa6.3:1AAPalm
--palmGood news, success and prices below the market.
- Aa8.1:1AAAIndigo
--indigoInformation, links inside data and a second chart series.
- Aa16.7:1AAAWool
--woolSurfaces.
- Aa15.1:1AAAHaze
--hazeThe page canvas.
- Aa5.2:1AAEmber
--emberErrors, always with an icon and words, so an error never reads as a joker.
Neutrals
Warm greys derived from Bayt, for lines and secondary text. Lines carry no text, so they have no ratio.
- Line
--lineLines only - Strong line
--line-strongLines only - AaMuted text
--muted5.5:1AA on Haze - AaFaint text
--faint5.0:1AA on Haze - AaMadder text
--brand-ink6.9:1AA on Haze
Text pairs
The pairs the site sets text in, measured in both themes. In the dark theme the canvas is Bayt, and madder, saffron and palm lift so their text still passes.
| Pair | Hex | Contrast |
|---|---|---|
| AaBayt text on Haze | #241c1a / #f4f3f1 | 15.1:1AAA |
| AaWhite on Bayt (primary buttons) | #ffffff / #241c1a | 16.7:1AAA |
| AaWhite on madder (the joker) | #ffffff / #b3262e | 6.5:1AA |
| AaMadder text on Haze (links) | #a0222a / #f4f3f1 | 6.9:1AA |
| AaMuted text on Haze | #6b605b / #f4f3f1 | 5.5:1AA |
| AaBayt on saffron | #241c1a / #e9a23b | 7.7:1AAA |
| AaWhite on palm | #ffffff / #2e6b4e | 6.3:1AA |
| AaWhite on ember (errors) | #ffffff / #c2410c | 5.2:1AA |
| AaThe sample data badge | #8a5a12 / #fcf1dc | 5.3:1AA |
| Pair | Hex | Contrast |
|---|---|---|
| AaText on the dark canvas | #f4efec / #1a1412 | 16.0:1AAA |
| AaMadder text on the dark canvas | #f0646b / #1a1412 | 5.8:1AA |
| AaWhite on the dark joker fill | #ffffff / #c7333b | 5.3:1AA |
| AaSaffron text on the dark canvas | #f2b85b / #1a1412 | 10.2:1AAA |
| AaPalm text on the dark canvas | #5fc597 / #1a1412 | 8.6:1AAA |
Below, typical, above
Where a price sits in its market is a diverging scale: palm below, a neutral for typical and madder above. Every pin also shows its price as text, so colour is never the only cue.
- Well below6.3:1AAWell below7.2:1AAA
--band-1 - Below7.6:1AAABelow8.2:1AAA
--band-2 - Typical14.2:1AAATypical13.1:1AAA
--band-3 - Above7.9:1AAAAbove8.4:1AAA
--band-4 - Well above6.5:1AAWell above5.9:1AA
--band-5
Price and demand heat
Intensity is a sequential ramp from wool through saffron to madder and dark madder.
--heat-1--heat-2--heat-3--heat-4--heat-5--heat-6
QuietPeak
Type
Readex Pro is one variable family for everything, with Arabic and Latin designed together, under the SIL Open Font License 1.1.
Latin
Aa Bb Cc Jj Qq 0123456789
Every night has a price. Some nights are jokers.
Arabic
أ ب ج د ه و ز ح ط ي ك ل م ن
لكل ليلة سعر، وبعض الليالي جوكر.
Weights
- Aa أب400Body text
- Aa أب500Interface labels
- Aa أب600Headings and the wordmark
- Aa أب700Display only
Scale
Every night has a price. Some nights are jokers.
Every night has a price. Some nights are jokers.
Every night has a price. Some nights are jokers.
Every night has a price. Some nights are jokers.
Every night has a price. Some nights are jokers.
Setting text
- Latin display text is tracked −0.025 em. Arabic letters join, so Arabic tracking stays at zero.
- Body line height is 1.6 in Latin and 1.85 in Arabic; display is 1.1 and 1.35.
- Prices and counts use tabular figures and stay in Latin digits on Arabic pages, isolated so they read left to right.
- Lines stay under about 70 characters.
The night card
The card shape is reserved for nights. A card means one night and its price, so feature lists, plans and links are never drawn as cards.
- Sunday 1 November: 395 SAR
- Thursday 29 October: 470 SAR
- Friday 30 October: 545 SAR, the joker, 33% above the week’s median
- A weekday night on wool.
- A weekend or high-demand night, warm with saffron.
- The joker in madder: its rank replaces the date, and the card says how far it sits above the week.
- The date and weekday sit at the top start corner and repeat at the bottom end, like a playing card.
- The rate sits in the centre in tabular figures, with its currency beneath.
- Everything else sits on panels: a 12 px radius, a 1 px line and no shadow. Shadows are only for things that float: menus, popovers and the dealt hand.
One region, many markets
JokerPrice covers seven countries. Each market keeps its own weekend nights, its own currency where that currency has a fixed rate, and its own calendar.
- 545SARRiyadhWeekend nights: Thursday and FridayCollected in SAR
- 535AEDDubaiWeekend nights: Friday and Saturday3.6725 AED per US dollar
- 530QARDohaWeekend nights: Thursday and Friday3.64 QAR per US dollar
- 55BHDManamaWeekend nights: Thursday and Friday0.376 BHD per US dollar
- 545SARKuwait CityWeekend nights: Thursday and FridayStays in SAR: the Kuwaiti dinar has no fixed rate
- 56OMRMuscatWeekend nights: Thursday and Friday0.3845 OMR per US dollar
- 545SARCairoWeekend nights: Thursday and FridayStays in SAR: the Egyptian pound has no fixed rate
Its own calendar
Holidays, school breaks, seasons and big events for every country, each with its source and whether its dates are official or expected. These are the next entries, from the calendar checked Oct 28, 2026.
- Saudi ArabiaRiyadh SeasonExpectedSource: gulfnews.com
- United Arab EmiratesSheikh Zayed FestivalExpectedSource: gulfnews.com
- QatarSchool mid-term breakExpectedSource: al-sharq.com
- BahrainIISS Manama DialogueExpectedSource: gdnonline.com
- KuwaitGulf Bank 642 MarathonOfficialSource: e-gulfbank.com
- OmanOman National Day holidayOfficialSource: omannews.gov.om
- EgyptCairo ICTOfficialSource: cairoict.com
Motion
Each page gets one orchestrated moment, except the homepage, which tells one story as you scroll. The coming week is dealt into a hand in 3D, each card 70 ms after the last with the joker last; then each card flies to its own night in the month below, and each section lifts into place as it arrives.
- Thursday 29 October: 470 SAR
- Friday 30 October: 545 SAR, the joker, 33% above the week’s median
- Saturday 31 October: 430 SAR
- Sunday 1 November: 395 SAR
- Monday 2 November: 380 SAR
- Tuesday 3 November: 385 SAR
- Wednesday 4 November: 410 SAR
The homepage story
The homepage tells one story as the visitor scrolls, in five steps. Under reduced motion every step is simply in place.
- The hand, in 3DThe coming week is dealt into a fanned hand in perspective, 70 ms apart, with the joker last.
- The hand becomes the monthAs the page scrolls, each card leaves the hand and lands on its own night in the month below. The joker lands last.
- Sections enter with depthPanels lift from a slight tilt, rows slide in from the start side and bars grow, each settled a third of the way up the window.
- The Atlas board flattensDistrict circles lie on a tilted board with their price pins standing up, and the board turns to face the reader.
- Background and chromeA Sadu-diamond lattice drifts behind the hero, and the header turns solid over the first 88 px.
Everything else moves only in answer to the visitor: opening, expanding, confirming. Only transform and opacity animate, and with reduced motion the cards are simply there.
| Token | Value | Use |
|---|---|---|
--dur-fast | 140ms | Hover and press feedback |
--dur-base | 220ms | Menus, toggles and small reveals |
--dur-slow | 360ms | Panels opening |
--dur-slower | 600ms | A night card sliding from the deck |
--ease-out | cubic-bezier(.16, 1, .3, 1) | Entrances: a quick start and a soft landing |
--ease-standard | cubic-bezier(.2, 0, 0, 1) | Moves and resizes |
Product videos
A 30-second tour in English and Arabic, a vertical cut for stories and reels, and a silent 7.5-second loop. The hand is dealt with the joker last, then the product as it is: the Atlas in Riyadh, Dubai and Doha in their own currencies, choosing the comparables behind an estimate, the pricing calendar with every adjustment explained, the regional events calendar and the free-trial end card. Every price in them is sample data.
JokerPrice in 30 seconds
Find the jokers in your week, see the competition on the map, choose the comparables behind an estimate, price every night and plan around the region’s holidays and events.
Read the transcript
- Every night has a price. Some nights are jokers.
- See every competing listing in your market, priced for your dates.
- Choose the comparables behind every revenue estimate.
- A rate for every night, with the reasoning shown.
- Holidays and events in seven countries, each with its source.
- Start free trial at jokerprice.com. 30-day free trial, no card needed.
Voice
Plain, specific and calm: say what a thing does, name the source and give the number.
- Arabic is a first-class language, written for Arabic readers rather than translated as an afterthought.
- No hype, such as “revolutionary” or “AI-powered”, and no apologies in errors.
- Never invent data. Sample figures are labelled as samples.
- An empty state tells the visitor what to do next.
- Sections open with a plain heading and one sentence: no all-caps or eyebrow labels, no strings of middle dots, no arrows after links and no single coloured word in a headline.
| Write | Instead of |
|---|---|
| Friday is the joker: 33% above the week’s median. | |
| No listings are tracked here yet. Search a nearby city in the Atlas. | |
| Asking prices from Gathern, collected today. |
Downloads
Every logo file, the app icons, the social cards and the product videos. Use SVG wherever you can.
Logos
| File | Download |
|---|---|
| Mark | SVGPNG |
| Mark, one colour | Black SVGWhite SVG |
| English lockup | SVGPNG |
| English lockup on dark | SVGPNG |
| English lockup, one colour | Black SVGWhite SVG |
| Arabic lockup | SVGPNG |
| Arabic lockup on dark | SVGPNG |
| Arabic lockup, one colour | Black SVGWhite SVG |
| Bilingual lockup | SVGPNG |
| Bilingual lockup on dark | SVGPNG |
| Stacked lockup | SVGPNG |
| Stacked lockup on dark | SVGPNG |
App icons and favicons
| File | Download |
|---|---|
 App icon | PNG 512PNG 192 |
 Maskable icon | PNG 512PNG 192 |
 Apple touch icon | PNG |
| Favicon | SVGICOPNG 32PNG 16 |
 Safari pinned tab | SVG |
Social cards
Englishالعربية
Englishالعربية
Englishالعربية
Englishالعربية
Englishالعربية
Englishالعربية
Englishالعربية
Englishالعربية
Market cards by country
Each country’s market pages share a card that names the currency they show: AED, QAR, BHD and OMR at the fixed rate, and SAR elsewhere.
Videos
Press
Writing about JokerPrice? Get in touch for product details, screenshots or an interview.
About JokerPrice
JokerPrice is a short-term rental market data and dynamic pricing platform, starting with the Gulf and Egypt. It gives hosts, property managers and investors market maps, occupancy and revenue estimates, a recommended rate for every night and a data API.