Badilk

Badilk Color Palette

Brand color system — v1.0 · click any swatch to copy

#0057FF
#0057FF
0, 87, 255
100, 66, 0, 0
--badilk-blue

Primary Blue

Core brand color

Surfaces

Backgrounds & cards — dark / light

Typography Colors

Text hierarchy

Semantic

Success · warning · error · content

Gradients

Approved gradients — click to copy CSS

Theme Preview

Quick dark / light UI check
Dark UI
Badilk — Spare Parts
Smart phone spare-parts compatibility
Secondary text · meta · timestamps
CTA Button
Light UI
Badilk — Spare Parts
Smart phone spare-parts compatibility
Secondary text · meta · timestamps
CTA Button

Typography

Syne + IBM Plex Sans Arabic — product UI pairing
Latin · Headings · Numbers
Syne Aa 123
UI labels, stats, English headings, hex codes, and brand marks on this page.
Regular 400 Medium 500 Semibold 600 Bold 700
font-family: 'Syne', sans-serif
Arabic · Body · RTL UI
بديلك أب 123
النص العربي في التطبيق، المخطط، المنشورات، والواجهات RTL.
عادي 400 متوسط 500 Semi 600 Bold 700
font-family: 'IBM Plex Sans Arabic', sans-serif
Arabic UI Preview IBM Plex Sans Arabic
بديلك — توافق قطع الغيار بذكاء
ابحث عن البديل المناسب لهاتفك في ثوانٍ، بدون أخطاء التوافق.
المنصّة تربط بين موديل الهاتف وقطع الغيار المتوافقة — شاشات، بطاريات، كاميرات، وملحقات. iPhone 14 · Galaxy S23 · #0057FF
آخر تحديث · 2,847 عملية بحث اليوم
Arabic copy uses 'IBM Plex Sans Arabic', sans-serif · Latin tokens & numbers use 'Syne', sans-serif

Usage Guidelines

  • Primary blue #0057FF is for buttons, links, prominent headings, and CTAs — do not replace it with Facebook blue (#1877F2) except for platform icons.
  • Dark UI: background #07070F + surfaces #0F0F1C → #1C1C30. Light UI: #F3F5FA + white cards.
  • Official hero gradient: 145deg, #0057FF → #0039B8 → #00257A for heroes and large badges.
  • Instagram content colors: Reviews #F59E0B · How-it-works #0057FF · Tips #DD2A7B · FAQ #22C55E.
  • Typography pairing: Syne for Latin UI + IBM Plex Sans Arabic for Arabic RTL copy — see the Typography section above.
Copied ✓