Guides

How to use a custom design on Pro

A look gets you most of the way. The Design section lets you change the background, buttons, colours and fonts on top of it, so the page matches your brand closely. You can try everything on Free; saving needs Pro.

GuideLast updated

Kavya Rao
Product designer. Courses and portfolio guides.
Hyderabad
Portfolio guide, PDF₹899₹899
Figma basics course₹1,499New
Work with me→
LinkedIn→
Portfolio guide, PDF6 modules, 42 pages₹899
Made with tapyoka

Open the Design section

Open Page and scroll to Design, just below Look. It changes the look on top of your theme. On Free, every control works in the Live preview, but Save design and uploads stay off until you move to Pro.

Background

  • Colour: one flat colour.
  • Gradient: a first and second colour and a Direction.
  • Photo: Upload photo, JPG, PNG or WebP up to 5 MB.
  • Video: Upload video, MP4 or WebM up to 8 MB and 15 seconds. It plays muted on a loop. Visitors who turn off motion or save data see the first frame.

For photo and video backgrounds, use Dim the background so text stays readable. 40% is the starting point.

Buttons, colours and fonts

  • Buttons: Fill, Outline or Soft shadow. Button shape: Rounded, Pill or Square.
  • Button colour, Button text colour and Page text colour. Each can go back to the theme with Use theme.
  • Fonts: 10 pairs. Fonts marked Hindi ready, such as Mukta or Baloo 2, show Hindi text well, so use one if you write in Hindi.

Readability checks

If text is hard to read on your background or button, the app shows the contrast number and the colour your live page will use instead, with a Use button to accept it. These checks protect visitors on small, dim screens, so keep them on your side.

Save and publish

Choose Save design, then Publish changes. Reset to theme removes the custom design; publish again to show it on your live page.

Ready to sell from your bio?

Pick your name, add what you sell and paste the link in your bio. Making a page is free.

staging.tapyoka.com/

Already have a page? Log in