النسخة الإنجليزية


Krapko — Brand Identity Guidelines 2026
Brand Identity Guidelines · 2026

Krapko

Вибір. Якість. Для тебе.

Modern multi-category e-commerce brand for the Ukrainian market. This document defines the logo system, colour, typography, iconography and digital expression of the brand.

Version 5.0Issued 2026Internal & Partner Use
Contents

What’s Inside

Seven chapters covering everything required to apply the Krapko brand consistently across product, packaging and marketing.

01 · Brand Foundation

Brand Essence

Krapko is a modern multi-category online store built around convenient shopping, clarity, reliability and an energetic digital experience. Every touchpoint should feel fast, honest and effortless.

Brand personality
Modern · Accessible · Reliable · Energetic · Practical
Krapko primary logo
ModernClean digital-first design language.
AccessibleSimple language, clear pricing, easy paths.
ReliableTrust built through consistency.
EnergeticGreen and orange drive momentum.
PracticalFunction before decoration, always.
02 · Logo System

Correct Logo Usage

Important: the primary logo contains dark elements. It must never be placed directly on dark or green backgrounds. Each background has its dedicated logo variant.

PRIMARY · LIGHT BACKGROUNDPrimary logo
DARK · LIGHT BACKGROUNDDark logo
WHITE · NAVY BACKGROUNDWhite logo
WHITE LOGO · GREEN BACKGROUND White logo on green

Clear space

Minimum clear space equals X, the height of the logo mark’s counter, on all four sides.

Krapko X X

Minimum sizes

Never reproduce the logo below these thresholds — legibility of the mark breaks down.

Krapko Digital · 120 px wide Krapko Print · 25 mm wide
Primary LogoWhite and other light backgrounds only.
Dark LogoLight backgrounds when a dark monochrome treatment is required.
White LogoNavy, green and other dark or saturated backgrounds.
NeverNever place the primary logo on navy, green, dark gray or busy imagery.
03 · Colour System

Core Palette

Navy establishes trust, green drives action, orange highlights promotions, and teal supports secondary information. Grays carry structure and surfaces.

Navy#0B1D34Primary / text
Green#22C55EAction / CTA
Orange#F97316Promo / sale
Teal#00B2A9Secondary info
Light Gray#F2F4F7Surfaces
Dark Gray#333F48Body text
55% Navy & neutralsStructure, text, dark surfaces.
22% Light GrayBackgrounds, cards, dividers.
13% GreenButtons, success, key actions.
10% Orange & TealAccents only — never body text.
04 · Typography

Inter

Primary typeface for Ukrainian, Latin, numbers and digital interfaces. Tight tracking on headlines, comfortable line-height on body copy.

Krapko

Вибір. Якість. Для тебе.

Regular 400Medium 500 SemiBold 600Bold 700ExtraBold 800

Ukrainian specimen

А Б В Г Ґ Д Е Є Ж З И І Ї Й К Л М Н О П Р С Т У Ф Х Ц Ч Ш Щ Ь Ю Я

а б в г ґ д е є ж з и і ї й к л м н о п р с т у ф х ц ч ш щ ь ю я

0123456789 · ₴ · % · + · —

Display800 · 40–76px · −3% tracking
Heading800 · 26–40px
Subheading700 · 18–22px
Body copy — comfortable reading rhythm.400 · 15–17px · 1.75 line-height
CAPTION / LABEL800 · 11–12px · +2px tracking
05 · Iconography

Flat SVG Icon System

A single, coherent icon family drawn on a 24×24 grid: flat two-tone shapes, navy outlines and brand-colour fills. Icons carry meaning quickly and never compete with the logo.

Cart
Product
Delivery
Sale
Payment
Returns
Warranty
Support
Rating
Search
Account
Wishlist
Gifts
Home
Electronics
Mobile
Secure
Promo
Grid24×24 with a 2px safe margin; shapes align to the half-pixel grid.
Stroke1.6px navy outline, round caps and joins, never mixed weights.
FillOne brand tint at 16–25% opacity per icon — green by default.
FormatSVG only. Ship as symbols; recolour with currentColor where possible.
06 · Digital UI

Website Expression

The storefront applies the palette in a strict hierarchy: navy for text, light gray for surfaces, green reserved for the primary action.

Krapko Каталог
АкціїНовинкиДоставка і оплатаКонтакти
Знижка 20%

Товар дня

899 ₴
Новинка

Популярний товар

1 299 ₴
Хіт продажів

Для дому

649 ₴
Швидка доставка
Повернення 14 днів
Безпечна оплата
Підтримка 24/7
07 · Digital Assets & Applications

Logo Icon & Applications

Favicon / Icon

Dedicated 64px asset with simplified mark.

Krapko icon

E-commerce

Website, mobile app, checkout and product UI.

Packaging

Boxes, bags, labels and delivery materials.

Marketing

Social media, banners and seasonal campaigns.

08 · Usage Rules

Consistency

Do

  • Use the correct logo variant for every background.
  • Respect the minimum clear space and minimum sizes.
  • Keep green exclusively for primary actions and success.
  • Use the Inter family and the flat SVG icon set only.

Don’t

  • Place the primary logo on navy, green or dark backgrounds.
  • Recolour, distort, rotate or add shadows and effects.
  • Use emoji, clip-art or mixed icon styles in the interface.
  • Introduce colours outside the approved palette.
KrapkoBrand Identity Guidelines · Version 5.0 · 2026

النسخة العربية


Krapko — دليل الهوية البصرية 2026
دليل الهوية البصرية · 2026

Krapko

Вибір. Якість. Для тебе.

علامة تجارية حديثة للتجارة الإلكترونية متعددة الأقسام موجّهة للسوق الأوكراني. يحدّد هذا الدليل نظام الشعار، والألوان، والخطوط، والأيقونات، والتعبير الرقمي للعلامة التجارية.

الإصدار 5.0صدر في 2026للاستخدام الداخلي وللشركاء
المحتويات

ماذا يتضمّن الدليل

ثمانية فصول تغطي كل ما يلزم لتطبيق هوية Krapko باتساق عبر المنتج والتغليف والتسويق.

01 · أسس العلامة التجارية

جوهر العلامة التجارية

Krapko متجر إلكتروني حديث متعدد الأقسام، قائم على تجربة تسوّق مريحة، ووضوح، وموثوقية، وحضور رقمي مفعم بالحيوية. يجب أن تبدو كل نقطة تواصل سريعة وصادقة وسهلة.

شخصية العلامة التجارية
عصرية · قريبة من الجميع · موثوقة · حيوية · عملية
الشعار الأساسي لـ Krapko
عصريةلغة تصميم نظيفة تعطي الأولوية للرقمي.
قريبة من الجميعلغة بسيطة، أسعار واضحة، مسارات سهلة.
موثوقةثقة تُبنى عبر الاتساق الدائم.
حيويةالأخضر والبرتقالي يمنحان الاندفاع والحركة.
عمليةالوظيفة قبل الزخرفة، دائمًا.
02 · نظام الشعار

الاستخدام الصحيح للشعار

مهم: يحتوي الشعار الأساسي على عناصر داكنة، ولا يجوز وضعه مباشرة على خلفيات داكنة أو خضراء. لكل خلفية نسخة مخصّصة من الشعار.

الأساسي · خلفية فاتحةالشعار الأساسي
الداكن · خلفية فاتحةالشعار الداكن
الأبيض · خلفية كحليةالشعار الأبيض
الشعار الأبيض · خلفية خضراء الشعار الأبيض على خلفية خضراء

المساحة الآمنة حول الشعار

الحد الأدنى للمساحة الفارغة يساوي X، أي ارتفاع الفراغ الداخلي في رمز الشعار، من الجهات الأربع.

Krapko X X

الأحجام الدنيا

لا تُنتج الشعار بأصغر من هذه الحدود، لأن وضوح الرمز يتلاشى.

Krapko رقمي · عرض 120 بكسل Krapko طباعة · عرض 25 مم
الشعار الأساسيعلى الأبيض والخلفيات الفاتحة فقط.
الشعار الداكنعلى الخلفيات الفاتحة عند الحاجة إلى معالجة أحادية اللون داكنة.
الشعار الأبيضعلى الكحلي والأخضر وسائر الخلفيات الداكنة أو المشبعة.
ممنوعلا تضع الشعار الأساسي على الكحلي أو الأخضر أو الرمادي الداكن أو صور مزدحمة.
03 · نظام الألوان

لوحة الألوان الأساسية

الكحلي يرسّخ الثقة، والأخضر يدفع إلى الإجراء، والبرتقالي يبرز العروض، والفيروزي يدعم المعلومات الثانوية، بينما تحمل درجات الرمادي البنية والأسطح.

كحلي#0B1D34أساسي / النصوص
أخضر#22C55Eالإجراء / زر الشراء
برتقالي#F97316العروض / التخفيضات
فيروزي#00B2A9معلومات ثانوية
رمادي فاتح#F2F4F7الأسطح والخلفيات
رمادي داكن#333F48نص المتن
55% كحلي ومحايداتالبنية والنصوص والأسطح الداكنة.
22% رمادي فاتحالخلفيات والبطاقات والفواصل.
13% أخضرالأزرار وحالات النجاح والإجراءات الرئيسية.
10% برتقالي وفيروزيلمسات إبراز فقط — لا تُستخدم لنص المتن أبدًا.
04 · الخطوط والتايبوغرافي

Inter

الخط المعتمد للعلامة التجارية هو Inter، وهو خط واحد يغطي الأبجدية الأوكرانية (السيريلية) والأرقام والرموز والواجهات الرقمية. تباعد حروف مضغوط في العناوين، وارتفاع سطر مريح في النصوص. لا تُستخدم أي خطوط أخرى.

Krapko

Вибір. Якість. Для тебе.

Regular 400Medium 500 SemiBold 600Bold 700ExtraBold 800

نموذج الحروف الأوكرانية

يدعم خط Inter كامل الأبجدية الأوكرانية، بما فيها الحروف الخاصة Ґ Є І Ї، إضافةً إلى رمز عملة الهريفنيا .

А Б В Г Ґ Д Е Є Ж З И І Ї Й К Л М Н О П Р С Т У Ф Х Ц Ч Ш Щ Ь Ю Я

а б в г ґ д е є ж з и і ї й к л м н о п р с т у ф х ц ч ш щ ь ю я

0123456789 · ₴ · % · + · —

Дисплей800 · 40–76px · tracking −3%
Заголовок800 · 26–40px
Підзаголовок700 · 18–22px
Основний текст — зручний ритм читання.400 · 15–17px · line-height 1.75
ПІДПИС / МІТКА800 · 11–12px · tracking +2px
جميع النماذج أعلاه معروضة باللغة الأوكرانية لأنها اللغة الوحيدة المعتمدة في واجهة المتجر ومواده. الترتيب في هذه الأسطر: مستوى الحجم في الخط ثم مواصفاته التقنية.
05 · نظام الأيقونات

نظام أيقونات SVG المسطّح

عائلة أيقونات واحدة متناسقة مرسومة على شبكة 24×24: أشكال مسطّحة بلونين، حدود كحلية، وتعبئة بألوان العلامة التجارية. تنقل الأيقونات المعنى بسرعة ولا تنافس الشعار أبدًا.

السلةКошик
منتجТовар
التوصيلДоставка
تخفيضاتЗнижки
الدفعОплата
الإرجاعПовернення
الضمانГарантія
الدعمПідтримка
التقييمРейтинг
البحثПошук
الحسابАкаунт
المفضلةОбране
الهداياПодарунки
الرئيسيةГоловна
إلكترونياتЕлектроніка
هواتفМобільні
أمانБезпека
عروضАкції
الشبكة24×24 مع هامش آمن 2 بكسل، والأشكال محاذاة على نصف البكسل.
الحدودخط كحلي بسماكة 1.6 بكسل، بنهايات وزوايا دائرية، دون خلط سماكات.
التعبئةدرجة واحدة من ألوان العلامة بشفافية 16–25% لكل أيقونة — الأخضر افتراضيًا.
الصيغةصيغة SVG فقط، وتُسلَّم على هيئة رموز symbols، مع إمكانية تلوينها عبر الخاصية currentColor.
06 · الواجهة الرقمية

التعبير على الموقع

تطبّق واجهة المتجر لوحة الألوان وفق تسلسل صارم: الكحلي للنصوص، والرمادي الفاتح للأسطح، والأخضر محجوز للإجراء الرئيسي. واجهة المتجر باللغة الأوكرانية وباتجاه من اليسار إلى اليمين، كما هو ظاهر في النموذج أدناه.

Krapko Каталог
АкціїНовинкиДоставка і оплатаКонтакти
Знижка 20%

Товар дня

899 ₴
Новинка

Популярний товар

1 299 ₴
Хіт продажів

Для дому

649 ₴
Швидка доставка
Повернення 14 днів
Безпечна оплата
Підтримка 24/7
ملاحظة: نصوص النموذج أعلاه تُركت بالأوكرانية عمدًا لأنها نصوص الواجهة الفعلية للمتجر، والأوكرانية هي اللغة الوحيدة للموقع. معانيها بالترتيب: الكاتالوج، العروض، الجديد، التوصيل والدفع، اتصل بنا — ثم: خصم 20%، منتج اليوم، أضف إلى السلة — وأخيرًا: توصيل سريع، إرجاع خلال 14 يومًا، دفع آمن، دعم على مدار الساعة.
07 · الأصول الرقمية والتطبيقات

رمز الشعار ومجالات التطبيق

أيقونة الموقع Favicon

أصل مخصّص بحجم 64 بكسل برمز مبسّط.

أيقونة Krapko

التجارة الإلكترونية

الموقع، وتطبيق الجوال، وصفحة الدفع، وواجهة المنتج.

التغليف

الصناديق والأكياس والملصقات ومواد الشحن.

التسويق

وسائل التواصل والبانرات والحملات الموسمية.

08 · قواعد الاستخدام

الاتساق

افعل

  • استخدم نسخة الشعار المناسبة لكل خلفية.
  • التزم بالمساحة الآمنة والأحجام الدنيا.
  • احصر اللون الأخضر في الإجراءات الرئيسية وحالات النجاح.
  • استخدم عائلة Inter ومجموعة أيقونات SVG المسطّحة فقط.

لا تفعل

  • لا تضع الشعار الأساسي على خلفيات كحلية أو خضراء أو داكنة.
  • لا تعِد تلوين الشعار أو تشوّهه أو تدوّره أو تضف إليه ظلالًا ومؤثرات.
  • لا تستخدم الإيموجي أو الرسوم الجاهزة أو أنماط أيقونات مختلطة في الواجهة.
  • لا تُدخل ألوانًا خارج اللوحة المعتمدة.

اترك تعليقاً

Scroll to Top