01
Logo
aviodeals
Smart Air Travel Deals
Primary — on dark
aviodeals
Smart Air Travel Deals
Primary — on white
aviodeals
Smart Air Travel Deals
On brand blue
aviodeals
Smart Air Travel Deals
On cloud blue
Icon at all sizes
64×64
48×48
40×40
32×32
24×24
20×20
16×16
Icon anatomy
Triangle: Aircraft silhouette / ascent / altitude — the core mark.
Chevron tail: Landing / descent — implies full journey.
Center dot: Waypoint / destination marker.
Horizon line: Ground reference — subtle, at 30% opacity.
Rounded square: App-icon container. Radius = 25% of width.
02
Color palette
💡
Color role update — v1.2
Midnight is now an accent colour only — used for body text, icons, hairline borders, and small typographic details. It no longer serves as a background for nav, hero, footer, cards, or email headers. Surfaces are White and Off White; the primary signal colour across the brand is Avio Blue.
Avio Blue
#3B9EFF
★ Primary brand color. All CTAs, links, icons, highlights.
Deep Sky
#1A6FCC
★ Hero and brand banner surface. Also used for hover states, pressed buttons, and dark-bg links.
Cloud
#EBF4FF
Selected states, info callouts, badge backgrounds.
Sky Tint
#DBEAFE
Subtle hover fills, alternating table rows.
White
#FFFFFF
★ Content cards, fare results, forms, modals.
Off White
#F5F7FA
★ Page background. The canvas for all content.
Midnight
#0B1829
Accent only: body text, icons, hairline borders, small typographic detail. Never as a surface or background.
Slate
#4A5568
Body text, secondary content, descriptions.
Color role hierarchy
Avio Blue #3B9EFF
→ Primary signal · CTAs · Links · Active states · Icons · Prices · Accent bands
Deep Sky #1A6FCC
→ Hero · Brand banners · Email headers · Pressed / hover states
White #FFFFFF
→ Cards · Fare results · Search forms · Modals
Off White #F5F7FA
→ Page canvas · Nav · Footer · Section separators
Midnight #0B1829
→ Accent only: body text · Icons · Hairline borders · Typographic detail
Typical page color layout
aviodeals
Nav
Smart deals. Better flights.
Hero
Content area · Off White · White cards
HAN → SGN
$42
SGN → BKK
$89
HAN → KUL
$110
Search all flights →
03
Typography
Smart deals.
Better flights.
Better flights.
Find the best airfare in seconds
Section heading level three
Compare hundreds of airlines and travel sites to find the lowest fares on flights to anywhere in the world.
UI label — medium weight
CAPTION · UPPERCASE · TRACKING
40 — Hero
32 — H1
24 — H2
18 — H3
16 — Body
13 — Small / UI
11 — Label caps
04
Taglines & messaging
Smart deals. Better flights.
Primary tagline — use in hero, email headers, print
Fly smart. Pay less.
Short form — social media, banners, ads
Every fare. Every flight. Best price.
Comprehensive — landing pages, partner pages
The smarter way to book flights.
SEO-friendly — meta descriptions, Google Ads
aviodeals.com — Smart Air Travel Deals
Tagline beneath logo — email footers, documents
Primary domain
aviodeals.com
Redirect: aviodeal.com → aviodeals.com
05
Voice & tone
Smart, not clever
We communicate clearly and precisely. No jargon, no corporate speak.
"Save 40% on your next flight" not "Leverage our dynamic pricing engine"
Trustworthy, not stiff
We're confident and reliable. Warm but professional — never overly casual.
"We've got you covered" not "Our AI-powered algorithm ensures optimal outcomes"
Savvy, not pushy
We help customers make smart decisions. We never pressure or use dark patterns.
"This fare expires in 4 hours" not "ONLY 1 SEAT LEFT — BUY NOW!!!"
✈
Accessible
Air travel for everyone
💡
Smart
Intelligent fare search
🌍
Global
LatAm · SE Asia · beyond
🤝
Trustworthy
No hidden fees ever
06
UI components & usage
Buttons
Font: Outfit 600 · Border radius: 8px · Padding: 10px 22px
Price badges
$189
$312
aviodeals price
$189
$312
aviodeals price
Save 39%
Best price
Spacing scale (base 4px)
4px
xs
8px
sm
12px
md
16px
lg
24px
xl
32px
2xl
48px
3xl
64px
4xl
Do
- Use White for content cards, Off White for the page canvas
- Use Deep Sky #1A6FCC for the hero and other brand banner surfaces
- Use Avio Blue #3B9EFF for all primary CTAs and the accent word in headlines
- Use Midnight as an accent only — body text, icons, hairlines
- Maintain clear space = icon height × 0.5 around logo
- Use Outfit for all headings and the wordmark
- Keep "avio" and "deals" always together as one word
- Scale the icon proportionally at all sizes
- Use the tagline "Smart deals. Better flights." as default
Don't
- Don't use Midnight as a background for nav, hero, footer, cards, or email headers
- Don't pair Midnight with dark-mode text tricks — it's ink, not a surface
- Don't change the "avio" / "deals" color split
- Don't use the logo on busy photographic backgrounds
- Don't use Arial, Roboto, or Inter in branded materials
- Don't use red or orange — conflicts with airline branding
- Don't write "Aviodeals" or "AvioDeals" — always lowercase "aviodeals"
- Don't add drop shadows to the logo
07
Asset checklist
Wordmark downloads (PNG)
High-res · 2345×845 · scales down cleanly
Transparent
For light backgrounds
White background
Safe default for any context
Avio Blue background
For on-brand hero placement
Files are the wordmark only — no icon. For icon variants or SVG sources, contact hello@aviodeals.com.
Favicon files (PNG/ICO)
- ✓ favicon.ico (multi-size)
- ✓ favicon-16x16.png
- ✓ favicon-32x32.png
- ✓ favicon-64x64.png
- ✓ favicon-128x128.png
- ✓ favicon-256x256.png
- ✓ apple-touch-icon.png (180×180)
- ✓ icon-512x512.png (PWA / Android)
HTML font embed code
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=DM+Sans:wght@300;400;500&display=swap" rel="stylesheet">