Getting Started_

Brand

Overview

‍

Brand puts your colors, logo and fonts on everything Sera makes. Set it once and Gen Studio, Video Studio and your graphics use it automatically. Click Brand in the left rail, under Create. The same settings are in Settings → Brand.

‍

‍

Pull your brand from your website

‍

  1. Click Pull from my website.
  2. Sera reads your site and fills in your colors, logo and fonts.
  3. Check the preview, change anything that is off, and click Save brand.

‍

‍

Set your colors

‍

  • Background and Text.
  • Primary and Secondary: together they make your gradient.
  • Accent: for highlights.

Use 6-digit hex codes, such as #1A73E8.

‍

‍

Add your logos

‍

  • Logo: your main logo, used everywhere unless a version below fits better.
  • On light backgrounds: optional, a dark version.
  • On dark backgrounds: optional, a white version.

Upload PNG, SVG, WebP or JPG files up to 4 MB. A transparent PNG or SVG works best.

‍

‍

Choose your fonts

‍

Pick a Heading font and a Body font. Choose any Google Font, or upload your own TTF, OTF or WOFF file up to 2 MB. WOFF2 is not supported.

‍

‍

Add footer text

‍

Under Footer text on graphics, add a line that appears on your graphics. This is usually your website. Leave it empty to show nothing.

‍

‍

Pick an infographic style

‍

Choose how infographics come out:

  • Static: a still image.
  • Animated: a looping GIF. It takes a minute or two longer.

‍

‍

Check the live preview

‍

The preview renders a sample graphic in your brand with the same renderer Sera uses for real work. Changes show right away. Click Save brand to use them everywhere.

‍

‍

Good to know

‍

  • Only owners and admins can save the Brand. Viewers can see it but not change it.
  • If you have not set a brand yet, Sera uses Dipity's default colors.
const next = await fetch("https://api.example.com/next-section");
Black and white grid pattern with black dots at the intersections, forming a repeating checkered design.