First screen
Say what it is, show the app, give the stores.
“Everything You Need, Delivered in Dahab” names the service and the place in six words. The phone with the real app sits beside it, the store badges sit under the copy, and four real numbers (customers, orders, rating, partners) close the screen.
- Headline
- Baloo Thambi 2, 75px
- Proof
- 4 numbers, first screen
- Stores
- App Store and Google Play
Navigation
A header that is mostly a download button.
Four links and one aqua Download Now pill. The header is sticky and slightly translucent, so the download button follows visitors down the page without covering it.
- Height
- 89px, 77px on phones
- Behaviour
- Sticky, 88% white
- Action
- Download Now, always visible
Typography
The app’s fonts, on the website.
Headlines use Baloo Thambi 2 and body uses All Round Gothic, the exact pair inside the Goodzy app. Someone who downloads after reading the site lands somewhere that already feels familiar.
- Headlines
- Baloo Thambi 2
- Body
- All Round Gothic, 17px
- Source
- Matched to the app
Color
Light and friendly, with aqua as the signal.
Soft mist and white surfaces keep it fresh and approachable. Goodzy aqua (#06A6C8, taken from the app’s own theme) covers about 3% of the page: buttons, highlights and the hero gradient.
Mist47%White31%Aqua tint19%Goodzy aqua3%
- Light surfaces
- 97%
- Aqua
- 3% of the page
- Brand match
- Exact app color
Page structure
What it is, why it exists, what it does, how it works.
One app for everything, born in Dahab for the people there, the app itself, the services, four steps to your first order, the blog for search, and a final download push. It reads like an onboarding flow.
- Sections
- 8
Calls to action
Every button leads to the app or explains it.
Download Now, Download the App, Explore in App, and for the undecided, Watch Goodzy in Dahab. Even the secondary actions point toward the app, so no path through the page is a dead end.
- Primary
- Download Now
- Shape
- Full pill
- Paths to the app
- 4 labels
Mobile
Big type, store badges within reach.
On a phone the headline fills the width, the app store badges sit right under the copy, and every tappable element on the first screens is at least 40px tall.
- Small tap targets
- 0
- Menu target
- 44 × 44px
- Header
- Sticky, 77px