You're exploring a live demo of SeraStart your free week
Dipity
Create

Brandon every graphic

Set your colors, logo and fonts once. Sera uses them for every graphic and image it makes.

Changes show in the preview at the bottom right away. Save to use them everywhere.

Colors

Background

Text

Primary

Secondary

Accent

Primary and secondary make your gradient. Accent is for highlights.

Logo
Logo
Logo

Used everywhere unless a version below fits better.

On light backgrounds

Optional. A dark version.

On dark backgrounds
On dark backgrounds

Optional. A white version.

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

Fonts
Heading font
Heading font

The quick brown fox jumps over the lazy dog. 0123456789

Body font
Body font

The quick brown fox jumps over the lazy dog. 0123456789

Product

Connect your product so Sera can read specs, features and UI for demos.

GitHub
Figma
Footer

Usually your website. Leave it empty to show nothing.

Preview
Carousel slide
Infographic
Square post
Video thumbnail
Have a brand guide? Add it to Company Resources and Sera reads it into the Brain.
Coach Sera on your design

Tell Sera how your graphics should look, or attach work you like. She keeps the notes on the right and uses them on everything she makes.

Design rules

No rules yet. What you tell Sera shows up here.

Liked examples

Give a graphic a thumbs up in Studio and it lands here as an example Sera leans toward.

Infographics

How Sera draws the infographics in your blog posts. New posts fill their infographic spots in this style; you can still upload your own or regenerate any of them in the editor.

Look
Motion
Size
Featured images and infographics

How Sera makes the cover image for each channel and the infographics in your posts. Style notes describe the look; a reference image shows it.

Blog
X Article
LinkedIn
X post
Infographics

Add images to your References bin to use them as examples.