ব্র্যান্ড নির্দেশিকা

আপনি যদি রাশিয়ার ব্যবহারকারীদের জন্য ডেভেলপ করেন, তাহলে "ফোনে সেভ করুন" বোতাম ব্যবহার করুন, কারণ এই দেশে Google Wallet লাইভ নেই। প্রাসঙ্গিক অ্যাসেট এবং নির্দেশিকা দেখুন। আপনি যদি রাশিয়ার বাইরের ব্যবহারকারীদের জন্য ডেভেলপ করেন, তাহলে নিচে দেওয়া অ্যাসেট ডাউনলোড করে আপনার Google Wallet-এ যোগ করুন বোতাম আপডেট করুন।

ডকুমেন্টেশনের এই বিভাগটি আপনাকে ছবি এবং অন্যান্য ইউজার ইন্টারফেস এলিমেন্ট তৈরি করতে সাহায্য করার জন্য ডিজাইন করা হয়েছে যাতে সেগুলি Google Wallet অ্যাপে দুর্দান্ত দেখায়।

অ্যাসেট

'Google Wallet-এ যোগ করুন' বোতাম

Google Wallet-এ যোগ করুন বোতামটি ব্যবহার করা হয় যখনই আপনি ব্যবহারকারীদের আপনার অ্যাপ বা ওয়েবসাইট থেকে তাদের ওয়ালেটে পাস বা কার্ড সেভ করার জন্য নির্দেশ দিচ্ছেন। Google Wallet-এ যোগ করুন বোতামটিকে অবশ্যই Google Wallet API ফ্লোয়ের মধ্যে একটি কল করতে হবে। এইসব ফ্লো Google Wallet অ্যাপে দেখানো হয় যেখানে ব্যবহারকারীরা তাদের Android ডিভাইস এবং Google অ্যাকাউন্টে পাস সেভ করার জন্য নির্দেশাবলী অনুসরণ করতে পারেন। এই বোতামটি অ্যাপ, ওয়েবসাইট বা ইমেলে ব্যবহার করা যেতে পারে।

Google Wallet-এ যোগ করুন বোতাম Android XML, SVG, এবং PNG ফর্ম্যাটে উপলভ্য।

অ্যাসেট ডাউনলোড করুন - Android XML অ্যাসেট ডাউনলোড করুন - SVG অ্যাসেট ডাউনলোড করুন - PNG

Google Wallet-এ দেখুন বোতাম

Google Wallet-এ দেখুন বোতামটি ব্যবহারকারীকে তার ওয়ালেটে ডিপ লিঙ্ক করতে ব্যবহার করা হয় যাতে আগে সেভ করা পাস বা কার্ড দেখা যায়। এই বোতামটি অ্যাপ, ওয়েবসাইট বা ইমেলে ব্যবহার করা যেতে পারে।

Google Wallet-এ দেখুন বোতাম SVG এবং PNG ফর্ম্যাটে উপলভ্য।

অ্যাসেট ডাউনলোড করুন - SVG অ্যাসেট ডাউনলোড করুন - PNG

আপনার সাইট, অ্যাপ বা ইমেল কমিউনিকেশনে দেখানো সব বোতাম এই পৃষ্ঠায় উল্লেখ করা ব্র্যান্ড নির্দেশিকা মেনে চলতে হবে। এইসব নির্দেশিকার উদাহরণ নিচে দেওয়া হল, তবে এর মধ্যেই সীমাবদ্ধ নয়:

  • পৃষ্ঠার অন্যান্য একই ধরনের বোতাম বা এলিমেন্টের তুলনায় সাইজ
  • বোতামের আকার ও রঙ পরিবর্তন করা যাবে না
  • লোগোর চারপাশে খালি জায়গা

স্থানীয় ভাষার বোতাম

Wallet উপলভ্য আছে এমন সব মার্কেটের জন্য লোকালাইজ করা Google Wallet বোতাম দেওয়া হয়। আপনি যদি এইসব মার্কেটের ব্যবহারকারীদের জন্য ডেভেলপ করেন, তাহলে সবসময় উপরে লিঙ্ক করা বোতাম ব্যবহার করুন। বোতামের নিজস্ব ভার্সন তৈরি করবেন না। আপনার মার্কেটে বোতামের স্থানীয় ভার্সন উপলভ্য না থাকলে, বোতামের ইংরেজি ভার্সন ব্যবহার করুন।

আলবেনিয়ান, আরবি, আর্মেনিয়ান, আজারবাইজান, বসনিয়ান, বুলগেরিয়ান, ক্যাটালান, চাইনিজ (হংকং), চাইনিজ (ঐতিহ্যবাহী), ক্রোয়েশিয়ান, চেক, ড্যানিশ, ডাচ, ইংরেজি (ভারত, সিঙ্গাপুর, দক্ষিণ আফ্রিকা, অস্ট্রেলিয়া, কানাডা, গ্রেট ব্রিটেন, মার্কিন যুক্তরাষ্ট্র), এস্তোনিয়ান, ফিলিপিনো, ফিনিশ, ফরাসি (কানাডা), ফরাসি (ফ্রান্স), জর্জিয়ান, জার্মান, গ্রিক, হিব্রু, হাঙ্গেরিয়ান, আইসল্যান্ডিক, ইন্দোনেশিয়ান, ইতালিয়ান, জাপানি, কাজাখ, কিরগিজ, লাটভিয়ান, লিথুয়েনিয়ান, ম্যাসিডোনিয়ান, মালয়, নরওয়েজিয়ান, পোলিশ, পর্তুগিজ (ব্রাজিল), পর্তুগিজ (পর্তুগাল), রোমানিয়ান, রাশিয়ান (বেলারুশ), সার্বিয়ান, স্লোভাক, স্লোভেনিয়ান, স্প্যানিশ (লাতিন আমেরিকা), স্প্যানিশ (স্পেন), সুইডিশ, থাই, তুর্কি, ইউক্রেনিয়ান, উজবেক ও ভিয়েতনামিজ ভাষায় Google Wallet-এ যোগ করুন বোতাম উপলভ্য।

লোকালাইজ করা নাম

ব্যবহারকারীর সুবিধার জন্য, Google Wallet প্রোডাক্টের নাম বেছে নেওয়া মার্কেটে লোকালাইজ করা হয়েছে। আপনি যদি এইসব দেশের ব্যবহারকারীদের জন্য ডেভেলপ করেন, তাহলে ওয়েব, ইমেল ও প্রিন্টের জন্য সবসময় নিচে দেওয়া স্থানীয় নাম ব্যবহার করুন। “Google Wallet”-এর নিজস্ব লোকালাইজ করা ভার্সন তৈরি করবেন না। আপনার মার্কেট নিচে তালিকাভুক্ত না থাকলে, ইংরেজিতে “Google Wallet” ব্যবহার করুন।

দেশ নাম
বেলারুশ Google Кошелек
ব্রাজিল Carteira do Google
চিলি Billetera de Google
চেকিয়া Peněženka Google
গ্রীস Πορτοφόλι Google
হং কং Google 錢包
লিথুয়ানিয়া Google Piniginė
পোল্যান্ড Portfel Google
পর্তুগাল Carteira da Google
রোমানিয়া Portofel Google
স্লোভাকিয়া Peňaženka Google
তাইওয়ান Google 錢包
তুরস্ক Google Cüzdan
সংযুক্ত আরব আমিরাত Google Wallet
ইউক্রেন Google Гаманець
মার্কিন যুক্তরাষ্ট্র (স্প্যানিশ)
*আপনার UI স্প্যানিশ ভাষায় হলে মার্কিন যুক্তরাষ্ট্রে এই নাম ব্যবহার করুন
Billetera de Google

আকার

আপনার লেআউটে ফিট করার জন্য Google Wallet-এ যোগ করুন বোতামের উচ্চতা ও প্রস্থ অ্যাডজাস্ট করুন। পৃষ্ঠায় অন্যান্য বোতাম থাকলে, Google Wallet-এ যোগ করুন বোতামের সাইজ সমান বা বড় হতে হবে। Google Wallet-এ যোগ করুন বোতামটি যেন অন্যান্য বোতামের চেয়ে ছোট না হয়, তা দেখুন।

স্টাইল

Google Wallet-এ যোগ করুন বোতাম দুটি ভেরিয়েশনে উপলভ্য: প্রাথমিক ও সংক্ষিপ্ত। Google Wallet-এ যোগ করুন বোতামটি শুধুমাত্র কালো রঙের হয়। বোতামের স্থানীয়কৃত ভার্সন প্রদান করা হয়। নিজের লোকাল টেক্সট দিয়ে বোতাম তৈরি করবেন না।

প্রাইমারি সংক্ষিপ্ত
Google Wallet-এ যোগ করুন প্রাইমারি বোতাম সংক্ষিপ্ত 'Google Wallet-এ যোগ করুন' বোতাম
সাদা ও হালকা ব্যাকগ্রাউন্ডে প্রাথমিক বোতাম ব্যবহার করুন। প্রাইমারি বা ফুল-উইডথের জন্য পর্যাপ্ত জায়গা না থাকলে, কনডেন্সড বোতাম ব্যবহার করুন।

লোগোর চারপাশে খালি জায়গা

Google Wallet-এ যোগ করুন বোতামের সব দিকে সবসময় ন্যূনতম ৮ ডিপি ফাঁকা জায়গা রাখুন। নিশ্চিত করুন যে ফাঁকা জায়গাটি যেন গ্রাফিক্স বা টেক্সট দিয়ে কখনও ভেঙে না যায়।

Google Wallet-এ যোগ করুন বোতামের চারপাশে ৮ ডিপি স্পেস থাকতে হবে।

ন্যূনতম উচ্চতা

সব Google Wallet-এ যোগ করুন বোতামের উচ্চতা কমপক্ষে ৪৮ ডিপি হতে হবে।

Google Wallet-এ যোগ করুন বোতামের উচ্চতা কমপক্ষে ৪৮ ডিপি হতে হবে।

কী করবেন ও কী করবেন না

Dos যা করণীয় নয়
করণীয়: Google-এর দেওয়া Google Wallet-এ যোগ করুন বোতামটিই শুধু ব্যবহার করুন। এগুলি করবেন না: আপনার নিজস্ব Google Wallet-এ যোগ করুন বোতাম তৈরি করবেন না অথবা কোনওভাবেই বোতামের ফন্ট, রঙ, বোতামের ব্যাসার্ধ বা বোতামের মধ্যে প্যাডিং পরিবর্তন করবেন না।
করণীয়: আপনার সাইট জুড়ে একই স্টাইলের বোতাম ব্যবহার করুন। এগুলি করবেন না: Google Wallet-এ যোগ করুন বোতামটি অন্য বোতামের থেকে ছোট করবেন না।
করণীয়: Google Wallet-এ যোগ করুন বোতামের সাইজ যেন অন্যান্য বোতামের সমান বা তার চেয়ে বড় হয় তা নিশ্চিত করুন। এটি করবেন না: বোতামের রঙ পরিবর্তন করবেন না।
করণীয়: Google Wallet-এ যোগ করুন বোতামের সাইজ পরিবর্তন করার সময় বোতামের অনুপাত একই রাখুন। করবেন না: বোতামের সাইজ ফ্রি-স্কেল করবেন না।
করণীয়: বোতামের যে স্থানীয় ভার্সন দেওয়া হয়েছে সেটি ব্যবহার করুন। যা করবেন না: বোতামের নিজস্ব লোকালাইজড ভার্সন তৈরি করবেন না।

বোতাম প্লেসমেন্টের পেশাদার পদ্ধতি

কনফার্মেশন অ্যাপ স্ক্রিন, ওয়েবপেজ বা ইমেলে Google Wallet-এ যোগ করুন বোতামটি দেখান। আপনার UI ডিজাইন করার জন্য নিম্নলিখিত পেশাদার পদ্ধতিগুলি অনুসরণ করুন।

জেনেরিক পাস

কনফার্মেশন অ্যাপ স্ক্রিন, ওয়েবপেজ বা ইমেলে Google Wallet-এ যোগ করুন বোতামটি দেখান। আমরা সাজেস্ট করি যে আপনি Google Wallet-এ যোগ করুন বোতামটি এমন জায়গায় রাখুন যেখানে ব্যবহারকারীরা আপনার অ্যাপ বা ওয়েবসাইটে তাদের পাস অ্যাক্সেস করেন।

টেক্সটে Google Wallet প্রোডাক্টের নাম ব্যবহার করা

ব্যবহারকারীকে টেক্সটের মাধ্যমে জানাতে পারেন যে তার জেনেরিক পাস তার ডিভাইসে সেভ করা হয়েছে।

"G" এবং "W" অক্ষর বড় হাতের লিখুন

Google Wallet-এর কথা উল্লেখ করার সময় সবসময় বড় হাতের "G" ও বড় হাতের "W" ব্যবহার করুন, তারপরে ছোট হাতের অক্ষর লিখুন । "Google Wallet" নামের সব অক্ষর বড় হাতের করবেন না, যদি না আপনার UI-এর টাইপোগ্রাফিক স্টাইলের সাথে ম্যাচ করার জন্য এটি করতে হয়।

Google Wallet-এর সংক্ষিপ্ত নাম ব্যবহার করবেন না

"Google" ও "Wallet" শব্দ দুটি সবসময় সম্পূর্ণভাবে লিখুন।

আপনার UI-এর স্টাইলের সাথে ম্যাচ করুন

আপনার UI-এর বাকি টেক্সটের মতো একই ফন্ট এবং টাইপোগ্রাফিক স্টাইলে "Google Wallet" সেট করুন। Google-এর টাইপোগ্রাফিক স্টাইল নকল করবেন না।

সবসময় "Google Wallet"-এর স্থানীয় ভার্সন ব্যবহার করুন

প্রদত্ত স্থানীয় ভাষায় লেখা কপিটিতে সবসময় "Google Wallet" লিখুন।

Design

Google Wallet-এ যোগ করুন বোতামের উচ্চতা ও প্রস্থ পরিবর্তন করতে g:savetoandroidpay HTML ট্যাগের height ও size ফিল্ড ব্যবহার করুন। মোবাইল ইমপ্লিমেন্টেশন বা বিশেষ UI সংক্রান্ত প্রয়োজনীয়তা আছে এমন ক্ষেত্রে টেক্সট ও বোতামের সাইজ অনেকখানি বাড়াতে textsize=large স্পেসিফিকেশন ব্যবহার করুন।

বোতামের রঙ সেট করতে theme ব্যবহার করুন। এইসব সেটিংস কীভাবে Google Wallet-এ যোগ করুন বোতামকে প্রভাবিত করে তা নিচের সারণীতে দেখানো হয়েছে।

পাস তৈরি করার নির্দেশিকা

আপনার পাস যাতে দারুণ দেখায় এবং ভালোভাবে কাজ করে, তা নিশ্চিত করতে, অক্ষর সীমা, বিজ্ঞপ্তি, ব্যাকগ্রাউন্ডের রঙ ও হিরো ছবি সংক্রান্ত নিম্নলিখিত নির্দেশিকা মেনে চলুন।

কার্ডের ব্যাকগ্রাউন্ডের রঙ

আপনি ফিল্ড hexBackgroundColor-এর সাহায্যে ব্যাকগ্রাউন্ডের রঙ সেট করতে পারবেন। আপনি ভ্যালু সেট না করলে, একটি অ্যালগরিদম লোগো বিশ্লেষণ করে, প্রধান রঙ খুঁজে বের করে এবং ব্যাকগ্রাউন্ডের রঙ হিসেবে সেটি ব্যবহার করে।

অত্যধিক স্যাচুরেটেড "ভাইব্র্যান্ট" জোন (যেমন, নিওন গ্রিন #00FF00 বা ইলেকট্রিক সায়ান #00FFFF) এড়িয়ে চলুন। এইসব রঙ চোখের উপর তীব্র চাপ সৃষ্টি করে এবং এর ফলে টেক্সট "ব্লিড" করে বা ব্যাকগ্রাউন্ডে মিলিয়ে যায়। এর পরিবর্তে সাজেস্ট করা রঙগুলির মধ্যে একটি ব্যবহার করুন।

গাঢ় ধূসর
#1a1a1a
মাঝারি ধূসর
#677088
হালকা ধূসর
#e8eaed
অফ-হোয়াইট
#f8f9fa
সাদা
#ffffff
লাল
#d6322d
Orange
#f78f48
হলুদ
#f9bb2d
সবুজ
#1e7e3b
নীল
#216acf
বেগুনি
#9147df
হালকা গোলাপি
#fce8e6
হালকা সবুজ
#e6fffa
হালকা নীল
#e8f0fe

অনেক বড় ছবি

class.heroImage ফিল্ডটি আপনার পাসের ডেটা ফিল্ডের নিচে সম্পূর্ণ-প্রস্থের ছবি হিসেবে দেখা যায়।

আপনার কাছে আগে থেকে কোনও ছবি না থাকলে, একটি ছবি যোগ করার কথা বিবেচনা করুন। আপনার কাছে কোনও ছবি থাকলে, নিচে উল্লেখ করা স্পেসিফিকেশন মেনে চলুন। আপনি কোনও ছবি বেছে না নিলে, আমরা পাস ক্যাটেগরির একটি ফলব্যাক ছবি দেখাব।

হিরো ইমেজের জন্য ইউজার ইন্টারফেস সংক্রান্ত সাজেশন নিচে দেওয়া হল:

নির্দেশিকা বিবরণ
পছন্দের ফাইলের ধরন PNG. আপনি যদি পাসের ব্যাকগ্রাউন্ড কালার দেখাতে চান, তাহলে ট্রান্সপারেন্ট PNG ব্যবহার করুন।
সাজেস্ট করা সাইজ ১০৩২x৮১২ পিক্সেল
অ্যাস্পেক্ট রেশিও ১০৩২:৮১২ (প্রায় ৫:৪)
কী করবেন এবং কী করবেন না
Dos যা করণীয় নয়
হাই রেজোলিউশন, ফটোগ্রাফি বা ইলাস্ট্রেশন ব্যবহার করুন। আপনার ছবিতে টেক্সট এম্বেড করুন। এই কন্টেন্ট লোকালাইজ করা হবে না।

উপরে ও নিচে ২০dp প্যাডিং যোগ করুন যাতে কন্টেন্ট দেখতে সুবিধা হয়।

কী করবেন: প্যাডিং ব্যবহার করুন

ছবির মূল কন্টেন্ট যেন ছবির উপরে ও নিচে স্পর্শ করে থাকে।

করণীয় নয়: কোনও প্যাডিং নেই

বর্গাকার বা প্রায় বর্গাকার ছবি ব্যবহার করুন।

কী করবেন: বর্গাকার ছবি

সরু আয়তাকার ছবি ব্যবহার করুন।

যা করবেন না: সরু আয়তাকার ছবি

কন্টেন্ট

শিরোনাম, সাবটাইটেল, ফিল্ড লেবেল ও ফিল্ড ডেটা: ব্যবহারকারীর বোঝার সুবিধা বাড়াতে, শিরোনাম ও অন্যান্য ফিল্ড যতটা সম্ভব ছোট রাখুন। নিচে উল্লেখ করা অক্ষরের সীমা ইংরেজিতে প্রযোজ্য, কিন্তু এগুলি অন্যান্য ভাষায় অনুবাদ করা হবে যার ফলে ডিভাইস ও অঞ্চল জুড়ে ব্যবহারকারীর অভিজ্ঞতা আলাদা আলাদা হবে। মনে সংশয় থাকলে, মূল বিবরণ বজায় রেখে কন্টেন্ট সহজ করে তুলুন।

ফিল্ড সীমা
শীর্ষক লেবেল < ৪৭টি অক্ষর
সাবটাইটেল লেবেল < ৮৮টি অক্ষর
ফিল্ড/শীর্ষক লেবেল (যেমন, তারিখ, বিবরণ, ক্লাস, যাত্রীর নাম) < ২০টি অক্ষর
ফিল্ড ডেটা লেবেল (যেমন, ১৯ অক্টোবর, ২০২৬, ইকোনমি প্লাস) < ১৫টি অক্ষর

যাতে সহজে পড়া যায়, তাই প্রতি সারিতে ডেটা দুটি ফিল্ডে সীমিত রাখুন এবং সম্ভব হলে সর্বাধিক ৩টি সারি ব্যবহার করুন।

বিজ্ঞপ্তি পান

ফিল্ড সীমা
শীর্ষক < ২৯টি অক্ষর
আড়াল করা বডি < ৪০ অক্ষর
বড় করা বডি ৮০ অক্ষরের কম

ছোট ডিভাইস বা বড় ফন্ট সাইজ ব্যবহারকারীদের ক্ষেত্রে টেক্সট কেটে যাওয়া আটকাতে অক্ষর সীমা মেনে চলার পরামর্শ দেওয়া হয়। আরও তথ্যের জন্য বিজ্ঞপ্তি | মোবাইল | Android ডেভেলপার দেখুন।

অতিরিক্ত ছবিগুলি

কোনও ক্লাস বা অবজেক্টের *.imageModulesData.mainImage ফিল্ডটি পাসের মধ্যে অনেক বড় ছবির নিচে সম্পূর্ণ-প্রস্থের ছবি হিসেবে দেখানো হয়। ব্যবহারকারী যাতে আরও ভালোভাবে বুঝতে পারেন তার জন্য আপনার পাসে অতিরিক্ত ছবির প্রয়োজন হলে তবেই এটি ব্যবহার করুন।

ছবি সংক্রান্ত অতিরিক্ত নির্দেশিকা

অতিরিক্ত ছবির জন্য ইউজার ইন্টারফেস সংক্রান্ত সাজেশন নিচে দেওয়া হল:

নির্দেশিকা বিবরণ
পছন্দের ফাইলের ধরন PNG
ন্যূনতম আয়তন

১৮৬০ পিক্সেল চওড়া, পরিবর্তনশীল উচ্চতা।

চওড়া, আয়তাকার ছবি ব্যবহার করুন।

সেরা ফলাফলের জন্য রঙিন ব্যাকগ্রাউন্ড সহ ছবি ব্যবহার করুন।

ডিসপ্লে সাইজ

টেমপ্লেটের সম্পূর্ণ প্রস্থ এবং আনুপাতিক উচ্চতা।

করণীয়: চওড়া, আয়তাকার ছবি ব্যবহার করুন। যা করবেন না: বর্গাকার ছবি ব্যবহার করবেন না।

বারকোডের ছবি

নির্দিষ্ট কিছু ভার্টিক্যালে বারকোডের উপরে ও নিচে ছবি দেখানোর অনুমতি দেওয়া হয়।

বারকোডের উপরে ছবি

বারকোডের উপরে দেখানো ছবিগুলির জন্য ইউজার ইন্টারফেস সংক্রান্ত পরামর্শের একটি তালিকা নিচে দেওয়া হল:

নির্দেশিকা বিবরণ
পছন্দের ফাইলের ধরন PNG
সর্বাধিক উচ্চতা

২০ dp (সর্বাধিক অ্যাস্পেক্ট রেশিওতে)

দুটি ছবি থাকলে, সাজেস্ট করা সাইজ হল ৮০ পিক্সেল লম্বা এবং ৮০-৭৮০ পিক্সেল চওড়া। এর ফলে দু'টি উইন্ডো পাশাপাশি রাখা যায়।

একটি ছবি বর্গাকার ও অন্যটি আয়তাকার হলে, ছবিগুলির সাইজ ৮০x৮০ পিক্সেল ও ৭৮০x৮০ পিক্সেল হতে হবে।

অ্যাস্পেক্ট রেশিও

সীমাবদ্ধ নয়। একটি ছবির সর্বাধিক ২০ ডিপি উচ্চতা ও প্রস্থের জন্য ২০:১ অ্যাস্পেক্ট রেশিও ব্যবহার করুন।

বারকোডের উপরে আপনি যদি শুধুমাত্র একটি ছবি চান, তাহলে সম্পূর্ণ প্রস্থ নিন (প্যাডিং বাদ দিন)। ছবির সাইজ ১৬০০x৮০ পিক্সেল হতে হবে।

ডিসপ্লে সাইজের সর্বাধিক সীমা (একটি ছবি) ২০ ডিপি উচ্চতা ও ৪০০ ডিপি প্রস্থ

বারকোডের নিচে থাকা ছবি

নিচে দেওয়া ছবিটির জন্য ইউজার ইন্টারফেস সংক্রান্ত সাজেশনগুলির একটি তালিকা দেওয়া হল বারকোড:

নির্দেশিকা বিবরণ
পছন্দের ফাইলের ধরন PNG
সর্বাধিক উচ্চতা

২০ dp (সর্বাধিক অ্যাস্পেক্ট রেশিওতে)

সাজেস্ট করা সাইজ হল ৮০ পিক্সেল লম্বা এবং ৮০-১৬০০ পিক্সেল চওড়া।

বর্গাকার হলে, ৮০x৮০ পিক্সেল।

আয়তাকার হলে, ১৬০০x৮০ পিক্সেল।

আনকনস্ট্রেইন্ড অ্যাস্পেক্ট রেশিও। সর্বাধিক ২০ ডিপি উচ্চতা ও প্রস্থের জন্য, ২০:১ অ্যাস্পেক্ট রেশিও ব্যবহার করুন। আপনি যদি সম্পূর্ণ প্রস্থের ছবি চান (প্যাডিং বাদ দিয়ে), তাহলে ছবিটির সাইজ অবশ্যই ১৬০০x৮০ পিক্সেল হতে হবে।
সর্বাধিক ডিসপ্লে সাইজ হল ২০ ডিপি উচ্চতা এবং ৪০০ ডিপি প্রস্থ।  

মডিউল

একটি মডিউল টেমপ্লেটের একটি নির্দিষ্ট বিভাগে ফিল্ডের একটি গ্রুপকে উপস্থাপন করে। Google Wallet অ্যাপে আপনার কার্ড যাতে সঠিকভাবে দেখানো হয় তা নিশ্চিত করতে, আপনার ক্লাস ও অবজেক্টে কতগুলি মডিউল অন্তর্ভুক্ত করতে হবে সেই সংক্রান্ত নির্দেশিকা নিচের সারণীতে দেওয়া হয়েছে।

নির্দেশিকা বিবরণ
imageModulesData আপনার ক্লাসে অথবা আপনার তৈরি করা অবজেক্টে শুধুমাত্র একটি imageModulesData ব্যবহার করুন।
infoModuleData

আপনার ক্লাসে বা আপনার তৈরি করা অবজেক্টে সর্বাধিক দুটি infoModuleData ব্যবহার করুন।

infoModuleData ব্যবহারকারীর অ্যাকাউন্ট-নির্দিষ্ট তথ্য যেমন "মেম্বারের নাম" ও "মেম্বারশিপ #" নির্ধারণ করতে পারে।

linksModuleData

আপনার ক্লাসে বা আপনার তৈরি করা অবজেক্টে মোট চারটি পর্যন্ত linksModuleData URI ব্যবহার করুন।

আপনার ক্লাসে দুটি linksModuleData URI থাকতে পারে; একটি আপনার ওয়েবসাইটের URI এবং অন্যটি আপনার সহায়তা কেন্দ্রের ফোন নম্বর। আপনার অবজেক্টে থাকা দুটি linksModuleData URI ব্যবহারকারীর অ্যাকাউন্ট-নির্দিষ্ট URI ও কাছাকাছি লোকেশনকে হয়ত সংজ্ঞায়িত করে।

textModulesData

আপনার তৈরি করা ক্লাস ও অবজেক্টের মধ্যে সর্বাধিক দুটি textModulesData ফিল্ড ব্যবহার করুন।

আপনার ক্লাসে একটি textModuleData URI থাকতে পারে যা প্রোগ্রামের বিবরণ এবং অবজেক্টে আরেকটি textModulesData সংজ্ঞায়িত করে যা ব্যবহারকারীর অ্যাকাউন্ট-নির্দিষ্ট বিবরণ সংজ্ঞায়িত করে।

infoModuleData

InfoModuleData-এ মেম্বার ও কাস্টমাইজ করা যায় এমন তথ্য থাকে এবং এটি বড় করে দেখার সময় দেখা যায়। এই মডিউলটি ব্যবহার করে মেয়াদ শেষ হওয়ার তারিখ, সেকেন্ড পয়েন্ট ব্যালেন্স বা স্টোর করা ভ্যালু ব্যালেন্সের মতো তথ্য সেভ করুন।

linksModuleData

লিঙ্ক মডিউলে ওয়েবপেজ, টেলিফোন নম্বর ও ইমেল আইডির URI থাকে। নিচে লিঙ্ক মডিউলের জন্য ব্যবহারকারী ইন্টারফেস সংক্রান্ত সাজেশন দেওয়া হল:

নির্দেশিকা উদাহরণ সেটিং উদাহরণ হিসেবে ছবি
Google Maps-এ কোনও ওয়েবসাইট বা লোকেশনে URI অ্যাসাইন করার সময় http: প্রিফিক্স ব্যবহার করুন। এই প্রিফিক্স ব্যবহার করে গ্রাহক লিঙ্কে টাচ করে ওয়েবসাইটে নেভিগেট করতে অথবা Google Maps-এ লোকেশন দেখতে পারবেন। এছাড়াও, এই উপসর্গটি আপনার কার্ডের বিবরণের আগে একটি লিঙ্ক বা ম্যাপের আইকন দেখায়। 'uri': 'http://maps.google.com/?q=google' ম্যাপ লোকেশনের জন্য পিন ইন্ডিকেটর।
'uri': 'http://developer.google.com/wallet/' ওয়েবসাইটের জন্য গ্লোব নির্দেশক।
ফোন নম্বর উল্লেখ করার সময় tel: প্রিফিক্স ব্যবহার করুন। এই প্রিফিক্স গ্রাহককে নম্বর ডায়াল করার জন্য লিঙ্কে টাচ করতে দেয়। এই উপসর্গ কার্ডে টেক্সট বিবরণের আগে টেলিফোনের আইকনও তৈরি করে। 'uri': 'tel:6505555555' টেলিফোন লিঙ্কের জন্য ফোন ইন্ডিকেটর।
ইমেল আইডি লেখার সময় mailto: প্রিফিক্স ব্যবহার করুন। এই প্রিফিক্স ব্যবহার করে গ্রাহক লিঙ্কে টাচ করে ইমেল আইডিতে ইমেল পাঠাতে পারেন। এছাড়াও, এই উপসর্গটি কার্ডে টেক্সট বিবরণের আগে ইমেলের একটি আইকন তৈরি করে। 'uri': 'mailto:jonsmith@email.com' ইমেল পাঠানোর জন্য লিঙ্কের জন্য একটি মেল ইন্ডিকেটর।

শিরোনাম, লেবেল এবং নাম

শিরোনাম, লেবেল এবং নাম টাইটেল কেসে লিখুন, যাতে প্রতিটি শব্দ বড় হাতের অক্ষর দিয়ে শুরু হয়।

কন্টেন্ট সংক্রান্ত নীতি

পাসের প্রতিটি ফিল্ডের কন্টেন্টকে অবশ্যই Payments কন্টেন্ট নীতি মেনে চলতে হবে। আপনি ক্লাসে যে ওয়েবসাইটের কন্টেন্ট রেফারেন্স হিসেবে ব্যবহার করবেন, সেগুলিকেও এই নীতি মেনে চলতে হবে।

পার্টনার প্ল্যাটফর্ম ডেটা প্লেসমেন্ট

পাস সম্পর্কে আপনার ফিচার-সমৃদ্ধ অ্যাপ বা ওয়েবসাইটে ব্যবহারকারীরা যাতে পৌঁছাতে পারেন তা নিশ্চিত করতে, পাসের ক্লাস বা অবজেক্টের linksModuleData.* প্রপার্টিতে আপনার অ্যাপ ডিপ লিঙ্ক বা ওয়েবসাইট যোগ করতে ভুলবেন না। এর ফলে, ব্যবহারকারী Google Wallet-এ দেখানো পাস থেকে আপনার প্ল্যাটফর্মে নেভিগেট করতে পারবেন। এটি কীভাবে রেন্ডার করা হয় তা দেখতে, পাস ভার্টিক্যালের ডিজাইন বিভাগে যান।