العربية

Design language · Version 1.0

Fly Siwa — A higher way to the oasis

The visual system behind Fly Siwa's booking experience — drawn from Siwa's salt lakes, golden dunes and the mud-brick walls of Shali, and built to feel as calm as the place itself.

  • Customer app & admin
  • English and Arabic
  • Mobile first
Explore
01The mark

A palm, a setting sun, and the flight that ties them together

Look closely: the palm's fronds are the trail of the aircraft. The identity says that arriving in Siwa is part of the journey — so we let that line lead the product.

On Siwa salt
On palm olive
On kershef mud
The flight pathBecomes our loader, our progress line and the route arcs on every flight card.
Dunes and sunFrame photography and anchor empty states.
App iconThe mark alone, on olive, for home screens and browser tabs.
02Colour

Earth, palm and a glint of salt lake

Four colours from the brand board carry the product. One salt-lake turquoise, taken from Siwa's salt pools, is reserved for links, focus and availability — so it always means “you can act here”.

Tonal scalesEach scale is generated in OKLCH and anchored on the exact brand value, so tints and shades stay in the same family. Palm and brick cover success and errors without leaving the palette.
50100200300400500600700800900950
Olive
f7f7f2ebece4d9dacec0c1b0a4a58e898a6f7172595c5d434646383131281c1c18
Clay
fef9f4f5eee7e6dcd2d1c3b3baa691a38b708b7459765f45584a3a3e352a25201b
Sand
fffcf5fcf4ecefe3d5dccab4c6ad8fb3916598774c7d613c5f4b30433625272118
Stone
faf6f1f0ebe4ddd5cac7bdb0a99f928e8478766d625f585048433d33302b1d1c19
Lake
eefcfcdef3f2c4e3e39ecdcd48b8b9279fa0248485236b6c2051521b3939142121
Palm
eff8ede0eddec9dcc7a9c5a686ab826591614e784a42603f334831253223161b15
Brick
fff3eeffe1d7f8cbbcebaa96da866cc46546a94c2e84412c62332442251c231612
In proportionMostly salt and cream, so the photography and the price always lead.
44%20%16%10%
Built to be readEvery text pairing passes WCAG AA. Golden dune is decorative only and never carries body text.
Aa12.2:1AA pass
Aa6.8:1AA pass
Aa6.3:1AA pass
Aa5.6:1AA pass
Aa5.8:1AA pass
Aa5.2:1AA pass
Aa2.7:1Decorative only
03Typography

A classical voice, a quiet interface

Christiana carries the brand: headings, prices and the small-caps voice of the tagline. Hanken Grotesk does the work of the interface. In Arabic, Markazi Text and IBM Plex Sans Arabic take the same two roles.

DisplayChristianaMedium 500 · Bold 700 — Berthold

Discover the oasis from above

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 &

Small capsChristiana SCRegular 400 · tracking 0.12em

Thursday, 15 October · Cairo to Siwa

InterfaceHanken Grotesk400 · 500 · 600 — Google Fonts

Choose your flight and pick a seat in under two minutes. One fare for every traveller, shown before you book.

RegularMediumSemibold
Arabic displayMarkazi Text500 — Borna Izadpanah

اكتشف الواحة من السماء

Arabic interfaceIBM Plex Sans Arabic400 · 500 · 600 — IBM

اختر رحلتك واحجز مقعدك في أقل من دقيقتين، مع عرض الأسعار للمصريين والأجانب قبل الحجز.

ScaleFluid sizes grow with the screen, from phone to desktop, with no jumps between breakpoints.
Numbers that line upTimes, prices and booking references use tabular figures so columns never jitter.
08:40 → 09:552,45011:10 → 12:251,98017:35 → 18:503,115
display-2xl48–104pxGolden hour over the Great Sand Sea
display-xl40–76pxGolden hour over the Great Sand Sea
display-lg34–56pxGolden hour over the Great Sand Sea
display-md28–40pxGolden hour over the Great Sand Sea
display-sm22–30pxGolden hour over the Great Sand Sea
body-lg17px / 1.65Siwa sits 300 km from the nearest town, in a depression below sea level, ringed by salt lakes and 300,000 date palms.
04Texture & motifs

Film grain and the line of flight

Siwa is tactile. Flat fills get a whisper of grain, and motion follows the flight path from the logo.

Film grainLaid over photography and sand fills at 6–8% so nothing feels digital.
Flight loaderReplaces spinners while we search for flights.
CAICairoSIWSiwa
Route arcDips like the logo's frond before climbing to Siwa.
05Components

Every control, tuned for booking

Large touch targets, generous spacing and states you can read at a glance. Everything here is live — try it.

Buttons
Inputs
+20

We'll text a code to verify — no account needed.

Toggles
Passengers
Adults12 years and over
2
Children2 – 11 years
1
InfantsUnder 2, on lap
0
Verification
Enter the 6-digit codeSent to +20 100 ••• 4821
123456
Document status
  • PassportAnna WeberApproved
  • Security permitAnna WeberPending review
  • National IDSalma El-MasryRe-upload needed
  • National IDOmar El-MasryMissing
Progress
Hold timer
10:00

Seats are held while you pay. The pill warms as time runs down.

Seats
ABCD
1
2
3
4
5
6
AvailableSelectedExtra legroomTaken
Choices
Overlays
06In context

How it comes together

A first look at search and flight selection, built from the parts above. The full booking flow comes next.

Cairo · Alexandria ↔ Siwa

Siwa, an hour from Cairo

NonstopEconomy · 20 kg4 seats leftFS101
08:40Cairo · CAI
1h 15m
09:55Siwa · SIW
Fare per adult2,450 EGP
NonstopEconomy · 20 kgFS103
16:20Cairo · CAI
1h 15m
17:35Siwa · SIW
Fare per adult2,150 EGP
07Imagery

Wide horizons, warm light, people small in the frame

We favour golden and blue hour, honest textures and real places. Photography is graded warm and finished with the same grain as the interface.

Great Sand SeaGreat Sand Sea
Siwa salt poolsSiwa salt pools
Old town of ShaliOld town of Shali
Sunset at FatnasSunset at Fatnas
Cleopatra's SpringCleopatra's Spring
Temple of the OracleTemple of the Oracle

Demo photography from Wikimedia Commons, used under Creative Commons licences and credited below. To be replaced with Fly Siwa's own photography.

Wikimedia Commons