Primary logo
Horizontal lockup with tagline. The default for websites, documents, decks and print.
Brand Kit
The UmrahCore brand kit
The single source of truth for the UmrahCore name, logo, colours and typography. Everything here is approved for use by customers, partners, media and designers — download what you need and follow the guidelines below.
Updated
Brand overview
UmrahCore is a multi-tenant B2B platform that runs the back office of Umrah and Hajj operators — Master, Reseller and Agent tiers on one system. The brand pairs the khatim, a classical eight-pointed star, with a calm editorial wordmark: trustworthy, precise and respectful of the journey it serves.
- Name
- UmrahCore — one word, capital U and capital C. Never “Umrah Core”, “Umrahcore” or “UMRAHCORE”.
- Tagline
- One platform. Every Umrah journey.
- Symbol
- The khatim — two squares, one turned 45°, with a gold ornament and a gold core.
- Product of
- Innovate Solution
How the brand should feel
Trustworthy
Operators hand us pilgrims’ passports, visas and money. Calm colour, generous space and no gimmicks.
Precise
Numbers, IDs and dates are set in a monospaced face. Copy is specific and checkable.
Respectful
Islamic geometry used with restraint — never cartoonish, never decorative clutter around sacred imagery.
Logo files
Every version is built from the original artwork — same paths, same proportions. Choose the layout first, then the colour version that matches your background. SVG for web and print, PNG (transparent) for everything else.
Horizontal (no tagline)
For headers, footers and any space under 280 px wide.
Vertical with tagline
Stacked lockup for square and portrait layouts — posters, roll-ups, title slides.
Vertical (no tagline)
Stacked lockup for narrow or small square spaces.
Icon — khatim
The symbol alone: avatars, app icons, favicons, stamps. Circle-safe.
Wordmark
Text only — use where the khatim already appears nearby.
Logo usage
A few simple rules keep the logo recognisable everywhere it appears.
Clear space
X is the diameter of the gold core in the khatim. Keep at least 2X of empty space around the logo on every side — no text, edges or other graphics inside it. The supplied files already include 1X of padding.
Minimum size
Below these widths detail is lost. Under 280 px, switch to a version without the tagline.
| Version | Screen | |
|---|---|---|
| Primary logo | 280 px | 60 mm |
| Horizontal (no tagline) | 120 px | 30 mm |
| Vertical with tagline | 180 px | 40 mm |
| Vertical (no tagline) | 90 px | 22 mm |
| Icon — khatim | 16 px | 6 mm |
| Wordmark | 100 px | 25 mm |
Colour versions
Use full colour wherever possible. Reversed is for emerald and other dark backgrounds. Single-colour versions are for one-colour print, embossing, engraving and video overlays — the ornament and core are cut out of the star.
-
Full colour · light backgrounds
-
Reversed · dark backgrounds
-
Single colour · ink
-
Single colour · white
-
Single colour · emerald
Approved usage
-
Full-colour logo on white, surface or paper
-
Reversed logo on emerald or ink
-
Single-colour logo for one-colour production
-
Khatim icon alone as an avatar or app icon
Prohibited usage
-
Don’t stretch, squash or re-proportion
-
Don’t rotate or skew
-
Don’t recolour outside the supplied versions
-
Don’t add shadows, glows, outlines or 3D
-
Don’t place full colour on emerald or low-contrast colours
-
Don’t place on busy patterns or photos without a calm area
-
Umrah Core
Don’t retype the wordmark in another font
-
Don’t separate, resize or rearrange the parts
Backgrounds & contrast
Pick the version by background, not by taste. Light, calm backgrounds take the full-colour logo; emerald, ink and dark photography take the reversed logo.
-
Approved · #FFFFFF
-
Approved · #FCFAF2
-
Approved · #F1EBDD
-
Approved · #0A4F3C
-
Approved · #0D1714
-
Avoid · #0A4F3C
-
Avoid · #A87A26
-
Avoid · #0D1714
Colour palette
A 60 · 30 · 10 system: warm neutrals dominate, emerald carries the brand, gold is the accent. Gold never fills large areas. Click a value to copy it.
Core brand colours
-
Emerald
- HEX
- RGB
- CMYK
Primary brand colour: the khatim, buttons, emerald surfaces.
-
Gold
- HEX
- RGB
- CMYK
Khatim ornament and core, focus ring. Small accents only.
-
Deep Gold
- HEX
- RGB
- CMYK
“Core” in the wordmark; the body-safe gold for text and links.
-
Logo Ink
- HEX
- RGB
- CMYK
“Umrah” in the wordmark and the tagline.
Neutrals
-
Surface
- HEX
- RGB
- CMYK
Default page background and cards.
-
Paper
- HEX
- RGB
- CMYK
Section backgrounds; the reversed khatim.
-
Sand
- HEX
- RGB
- CMYK
Base background tone.
-
UI Ink
- HEX
- RGB
- CMYK
Body text — 16.8:1 on Surface.
Supporting tints
-
Emerald Deep
- HEX
- RGB
- CMYK
Gradients and pressed states.
-
Emerald Soft
- HEX
- RGB
- CMYK
Tints, highlights and hover fills.
-
Gold Soft
- HEX
- RGB
- CMYK
Badges; “Core” in the reversed logo.
-
Muted
- HEX
- RGB
- CMYK
Secondary text — 6.1:1 on Surface.
CMYK values are direct conversions for reference. Always proof printed colour with your printer.
Palette files
- umrahcore-colors.ase Adobe Swatch Exchange (Illustrator, InDesign, Photoshop) · 1 KB
- umrahcore-colors.json JSON with HEX, RGB, CMYK and roles · 3 KB
- umrahcore-colors.css CSS custom properties · 1 KB
- umrahcore-colors.scss Sass variables · 1 KB
- umrahcore-palette.png Swatch sheet image · 140 KB
Typography
Three free, open-source families. The wordmark and tagline are custom artwork — never retype them; always use the logo files.
Display
Fraunces
One platform. Every Umrah journey.
Headlines, pull quotes and large figures. One italic word per headline for emphasis.
400 · 600 · italic
Get it on Google FontsBody & interface
DM Sans
Packages, allotments, visas, transport and agent sales — in one back office.
Paragraphs, labels, buttons, captions and navigation.
400 · 500 · 700
Get it on Google FontsData
JetBrains Mono
BKG-2026-004817 · SAR 4,250.00 · 14 Jan 2027
Every number, ID, price and date in data contexts.
400 · 500
Get it on Google FontsArabic and Urdu use Noto Naskh Arabic / Noto Sans Arabic; Bangla uses Noto Serif Bengali / Noto Sans Bengali.
Iconography & visual elements
Supporting graphics that make a layout feel like UmrahCore without repeating the logo.
-
The khatim as a marker
A small khatim may open a section or close a document. Never use it as a bullet next to the full logo, or more than once per view.
-
Khatim lattice pattern
Outlined khatim tiles at 4–7% opacity, fading towards the centre. Decoration only — keep it out of the logo’s clear space.
-
Line icons
Single weight, 24 px grid, 1.75 px stroke, rounded joins and caps, no fills. Emerald on light, paper on emerald.
-
Shape & surface
Rounded corners (9 / 14 / 22 px), hairline borders at 10% ink, soft layered shadows. Gold hairlines as dividers, never gold blocks.
Download resources
Grab everything at once or just the package you need. All files are free to use for referring to UmrahCore under the terms below.
-
Complete brand kit
Every logo, favicon, social file, palette and the guidelines in one ZIP.
ZIP · 3.1 MB -
Logo package
6 layouts × 5 colour versions, SVG + PNG.
ZIP · 2.5 MB -
Favicon & app icons
ICO, SVG, PNG 16–512 px, Apple touch, Android, maskable, manifest.
ZIP · 32 KB -
Social media package
Profile and cover images for 10+ platforms, Open Graph and email signature.
ZIP · 457 KB -
Colour palette
ASE, JSON, CSS, SCSS and a swatch sheet.
ZIP · 135 KB -
Typography guide
Font families, weights, links and fallbacks.
ZIP · 1 KB
Favicon & app icon files
| File | Size | Use |
|---|---|---|
| favicon.svg | SVG | Scalable favicon (modern browsers) |
| favicon.ico | ICO | 16 · 32 · 48 px multi-size (legacy browsers, /favicon.ico) |
| favicon-16x16.png | 16×16 | Small-size optimised (ornament omitted for legibility) |
| favicon-32x32.png | 32×32 | Standard browser tab |
| favicon-48x48.png | 48×48 | Windows site icon |
| favicon-96x96.png | 96×96 | Google search result favicon |
| apple-touch-icon.png | 180×180 | iOS / iPadOS home screen |
| android-chrome-192x192.png | 192×192 | Android home screen |
| android-chrome-512x512.png | 512×512 | PWA splash / install |
| maskable-icon-512x512.png | 512×512 | Android adaptive (maskable) icon |
| mstile-150x150.png | 150×150 | Windows tile |
| safari-pinned-tab.svg | SVG | Safari pinned tab (single colour) |
| site.webmanifest | JSON | Web app manifest |
Terms of use
You may use these assets to refer to UmrahCore — in articles, partner listings, integrations, presentations and reviews. Don’t use them in a way that suggests UmrahCore sponsors or endorses your product or service, don’t modify the artwork, and don’t use them as part of your own name, logo or domain. For co-branding, approvals or files in another format, email sales@umrahcore.com.
Brand questions
Where can I download the UmrahCore logo?
On this page. The complete brand kit ZIP contains every logo layout in SVG and transparent PNG, in full colour, reversed, black, white and emerald versions.
What are the UmrahCore brand colours?
Emerald #0A4F3C is the primary colour, with Gold #A87A26 and Deep Gold #8A6420 as accents, Logo Ink #141B14 and warm neutrals such as Surface #FCFAF2 and Paper #F8F3E6.
What fonts does UmrahCore use?
Fraunces for headlines, DM Sans for body text and interface, and JetBrains Mono for numbers and IDs. All three are free on Google Fonts. The logo itself is custom artwork and must not be retyped.
Can I use the UmrahCore logo on my website?
Yes, to refer to UmrahCore — for example as a customer, partner or in an article — provided you use the official files unmodified and don’t imply endorsement. Contact us for co-branding.
Which logo should I use on a dark background?
Use the reversed (on-dark) version on emerald, ink or dark photographs, or the single-colour white version for video overlays and embossing.
Need a format that isn’t here?
Email us for co-branding approvals, print-ready files or partner badges.
Social media & platforms
Ready-to-upload files at each platform’s recommended size. Profile photos use the khatim alone — it stays legible as a small circle; covers centre the primary logo inside the platform’s safe area.
Social media guidelines