Creating a banner in section 'Custom Liquid'

English Shopify Shopify Design
,
1

I tried creating a banner with photoshop for AfterPay promo.

Here:
Untitled-1 copy.png

But it’s extremely pixelated and looks terrible once exported to PNG format. I have decided to try using the Custom Liquid section to make it which also allows me to reuse it for other payment methods or banners in the future.

I want 430x57 in size.

Background color is #b2fce4

Font is Sophia Pro Soft Bold if possible

How do I go about creating exactly the same thing above but in Custom Liquid format. I tried searching the internet and found nothing useful I could understand to teach myself. I know the logo is the only thing I will need to use in the coding and change in the future as the rest will just be a coding/text/fonts

Afterpay-Black.webp

If anyone could create it for me I would be eternally greatful and happy to pay/tip.

2

Custom Liquid:


        
        Play Now. Pay Later.
        
        
![Afterpay Logo|6328x2204](upload://hh6KAawx5Eq4VH0SI9Fg61ylLtL.png)

Result:

Spaces_0-1730286785830.png

(If you want the typography to have an effect on the text you must install it within the theme)