Primary icon
Use this mark on white, near-black, or quiet neutral surfaces.
Brand Guidelines
YAS CONNECT should feel sharp, useful and unmistakably clean.
A practical guide for the website: logo, color, type, layout, components, Arabic/English behavior, and the rules that keep the brand consistent.
Clear, not crowded.
Premium, not decorative.
Fast, not over-animated.
Personal, not generic.
Bilingual by design.
Logo
Black mark. Lime network. No effects.
Brand lockup
Keep YAS CONNECT readable. Do not stretch, recolor or add shadows.
Color System
Lime is action. Ink is structure. Blue is data.
Brand lime
#c7ff32Primary CTA, selected states, Wallet accent
Ink
#111214Primary text, dark surfaces, frames
White
#ffffffMain site background and clean surfaces
Canvas
#f7f8faApp work areas and quiet bands
Muted
#666b73Secondary copy and helper text
Border
#e5e7ebDividers, controls, card outlines
Data blue
#2563ebCharts, focus, analytics, maps
Coral
#ff6657Warnings and destructive support
Components
Everything should be easy to recognize and easy to repeat.
Logo
Use the square black mark with the lime network symbol. Keep clear space around it and never add glow, blur, bevel or local recoloring.
Typography
Use Geist Sans for the website. Landing headlines can be large; dashboard typography should stay compact and easy to scan.
Layout
Landing pages use open white bands. Public profiles stay mobile-first. Dashboard screens stay dense, calm and operational.
Components
Buttons are 44px minimum, shadowless, and direct. Cards are for repeated items, modals and framed tools only.
Motion
Use short transitions and subtle movement only when it helps understanding. Respect reduced motion.
Arabic
Arabic should feel native, short and natural. Keep YAS CONNECT in English and preserve the same hierarchy in RTL.
Voice And Copy
Direct, warm, product-led.
Use
YAS CONNECT
One link. Every connection.
Create your YAS CONNECT
Your digital identity, in one place.
العربي
اكتب عربي طبيعي وقصير.
خل اسم YAS CONNECT بالإنجليزي.
نفس ترتيب المعلومات بين العربي والإنجليزي.
Do And Do Not
The simple rules that protect the brand.
Do
Use lime for clear forward action.
Use real product previews.
Keep dashboards efficient.
Maintain Arabic and English parity.
Build with visible labels and accessible focus states.
Do not
Add glow to buttons.
Use purple or blue gradients as the brand background.
Recolor the logo locally.
Wrap every section in a card.
Invent proof points or customer metrics.