Brand promise
Turn your products into a brand people remember.
Brand guidelines
The HalaOrders brand
Everything you need to present HalaOrders the right way: logos, colors, type, components and the rules that keep every page, post and storefront feeling like one brand.
Version 1.0 · October 2026
01 · Brand essence
A warm welcome for every order.
Who we are, why we exist and how we should feel to the merchants we serve.
The name
“Hala” (هلا) is how people across Egypt and the Arab world welcome a guest. “Orders” is what every merchant wants more of. Together the name promises a friendly, local platform built around one result: sales.
Mission
Give every merchant in Egypt and the Arab world an online store that looks like a real brand and runs like a well-organised business - without code, agencies or setup fees.
Who we talk to
Owners of small and growing brands - fashion, home décor, handmade, beauty, electronics - who sell on Instagram, Facebook and WhatsApp today and want a professional store tomorrow.
Personality
Welcoming
We are: Warm, local, patient
We are not: Cold, corporate, foreign
Clear
We are: Simple words, honest numbers
We are not: Jargon, hype, small print
Ambitious
We are: Bold, modern, premium
We are not: Cheap, loud, gimmicky
Reliable
We are: Calm, precise, there when needed
We are not: Over-promising, vague
02 · Logo
One wordmark, one mark.
The wordmark hides a shopping cart inside the “O” - the moment an order is placed. Use it as supplied; never redraw or retype it.
Clear space
Keep empty space around the logo equal to the height of the “H” stem on every side. Nothing - text, edges or images - enters this zone.
Minimum size
Wordmark: 96px wide on screen, 25mm in print. Mark: 16px on screen. Below that, switch to the mark.
Logo misuse
03 · Color palette
Night ink, warm paper, electric violet.
Dark ink and warm paper carry most of every layout. Violet is the brand voice; fuchsia and amber only appear inside gradients and highlights. Click a swatch to copy it.
Color balance
Aim for this proportion on any page or post.
Brand
The colors that make it HalaOrders.
Ink
Dark surfaces, hero sections and headings.
Paper
Warm light surfaces - never pure grey.
Signal
Status and data only, never decoration.
Accessible pairs
Text must reach WCAG AA (4.5:1). These pairs pass.
Aa هلا
Aa هلا
Aa هلا
Aa هلا
Aa هلا
Aa هلا
04 · Gradients
Gradients mean “action” and “highlight”.
Our gradients always travel violet → fuchsia → amber, at a 100-120° angle. Use one gradient per view, on the most important thing.
05 · Typography
Two languages, one voice.
Plus Jakarta Sans for Latin, IBM Plex Sans Arabic for Arabic. Both are free Google Fonts, so every partner can use them.
Aa
Plus Jakarta Sans
Aa Bb Cc Dd Ee Ff Gg 0123456789
Regular 400
SemiBold 600
Bold 700
ExtraBold 800
Geometric, friendly and confident. Headlines in ExtraBold 800 with tight tracking (-0.035em).
أب
IBM Plex Sans Arabic
أ ب ت ث ج ح خ د ذ ر ز س ش ٠١٢٣٤٥٦٧٨٩
عادي 400
شبه عريض 600
عريض 700
Clear and modern with generous line height. Headlines in Bold 700, never tracked, line height 1.35.
Type scale
Display
68 / 800
Sell more, worry less.
Heading 2
56 / 800
Simple plans that grow with you.
Heading 3
22 / 700
Every order in one place
Lead
21 / 400
Create your store, manage orders and accept payments from one dashboard.
Body
16 / 400
Your customers order from your store, and you get an instant alert with everything you need to confirm and ship.
Small
14 / 500
No credit card needed. Cancel anytime.
Eyebrow
13 / 700
Landing pages
06 · Iconography
Simple lines, rounded ends.
Outline icons drawn on a 24px grid with a 1.75px stroke, round caps and round joins. They are inlined as SVG and take the current text color.
07 · Building blocks
Components that click together.
Every page is assembled from the same small set of parts. Reuse them before you design something new.
Buttons
Start your store
See how it works
Contact sales
Start your store
See how it works
View templates
Start your store
Start your store
Start your store
Small · Default · Large
Pills & badges
Live now
7-day free trial
New
Paid
Pending
Improved
Avatars
HO
TH
TE
RS
+9
HALA20 Save 20%
Form fields
Focused
trendy
Your store link: yourname.halaorders.com
Alerts
Your store is ready. Share the link and start selling.
Please check the highlighted fields.
Card
Orders in one place
Track every order from confirmation to delivery, with instant alerts.
Eyebrow + heading
Features
Everything you need to sell.
Data card
Revenue this month
48,320 EGP
+32% vs last month
Numbered steps
- Create your store
- Add your products
- Share your link and sell
08 · Shape & depth
Soft corners, quiet depth.
Rounded shapes feel friendly; layered light and gentle shadows make the interface feel premium without noise.
Corner radius
10px
Small · chips, thumbnails
16px
Default · inputs, panels
22px
Large · lists, frames
28px
XL · cards
999px
Pill · buttons, badges
Elevation
Flat · border only
Raised · hover cards
Floating · mockups, menus
Glow · primary action
Surfaces & textures
Glass
Gradient border
Grid texture
Aurora light
Motion
Things ease out quickly and settle softly. Hover lifts by 2-6px; content reveals as you scroll. Everything respects “reduce motion”.
- Easing · cubic-bezier(.22, 1, .36, 1)
- Fast · 200-250ms · buttons, colors
- Base · 450ms · cards, reveals
Hover me
09 · In the wild
How the brand looks live.
Our own website is dark and bold. Merchant storefronts carry the merchant’s brand, not ours - HalaOrders stays in the background and lets their products shine.
Photography & visuals
- Show real products from real stores, in warm natural light.
- Show screens inside a browser or phone frame, never floating alone.
- Prefer real people, real homes and real packaging over stock imagery.
- Put dark visuals on the aurora; keep light visuals on warm paper.
10 · Voice & tone
Talk like a helpful friend who knows business.
Short sentences, real numbers, the merchant’s words. Egyptian-friendly Modern Standard Arabic first, clear English second.
Lead with the result
Say what the merchant gets: more orders, less time, more control.
Use their words
“Orders”, “shipping”, “cash on delivery” - not “fulfilment pipeline”.
Prove it
Use real features, real stores and real numbers. No invented reviews.
Be brief
One idea per sentence. Headlines under 10 words.
Say
Avoid
Start your store in minutes.
Leverage our revolutionary omnichannel solution.
Get an alert for every new order.
Real-time event-driven notification system.
No setup fees.
The #1 cheapest platform in the world!!!
Brand prompt for AI tools
Paste this into ChatGPT, Claude, Midjourney or Canva AI so generated copy and visuals stay on brand.
You are creating content for HalaOrders (هلا أوردرز), an e-commerce platform that helps merchants in Egypt and the Arab world open a professional online store, manage orders, accept payments and ship.
Voice: warm, clear, confident, helpful; short sentences; no hype, no jargon, no invented numbers or reviews. Arabic first (Modern Standard Arabic with an Egyptian-friendly feel), English second.
Visual style: dark ink background #08070D with soft violet/fuchsia/amber aurora light; warm paper #FAF8F5 for light layouts; primary violet #7C3AED; gradient violet #7C3AED → fuchsia #C026D3 → amber #F59E0B at 120°; rounded corners 16-28px; clean outline icons; real products shown inside browser or phone frames.
Fonts: Plus Jakarta Sans (Latin), IBM Plex Sans Arabic (Arabic).
Avoid: neon green, pure grey backgrounds, stock-photo clichés, cluttered layouts, competitor names.Content formats
Starting sizes for the channels we publish on.
Blog cover & link preview
1200 × 630
Instagram / Facebook post
1080 × 1350
Story & Reel
1080 × 1920
YouTube thumbnail
1280 × 720
11 · Rules
Do & don’t.
The short list to check before anything ships - a page, an ad, a post or a slide.
Do Use one gradient element per view - usually the main button.
Don’t Paint whole sections, text blocks or icons with the gradient.
Do Highlight one key phrase of a headline with the gradient text.
Don’t Highlight whole headlines or several phrases at once.
Do Use warm paper (#FAF8F5) for light sections.
Don’t Use cold greys or pure white page backgrounds.
Do Keep signal colors (mint, sky, amber, rose) for status and data.
Don’t Use green or red as decoration or brand color.
Do Write Arabic first, right-to-left, and mirror directional icons.
Don’t Translate word for word or leave arrows pointing the wrong way.
Do Show real product screens inside a browser or phone frame.
Don’t Use generic stock photos of laptops and handshakes.
Do Round every corner using the radius scale.
Don’t Mix sharp and rounded corners in the same view.
Do Mention real features, real stores and real numbers.
Don’t Invent testimonials, stats or name competitors.
Your next chapter
Your store could be live tonight.
Join the merchants who turned their products into brands. Setup takes minutes - and our team is here if you need a hand.