How to Use

Using Units
‍
• Use EM for Padding, Margin, Width, Height, Transforms, & Font Sizes
• Use PX only for things that won't break the design if they don't scale such as border widths & drop-shadow distances
• Use % (optional) for columns inside containers

Scaling
‍
• On tablet and below, change the body font size to PX or higher VW number
• On desktop, the design will scale up seamlessly. It will stop scaling when it reaches the max width of 1440px.
• There is no need to add larger breakpoints

Body All Pages Tag Not Changing Font Size?
‍
• The custom code embed on this page in the global symbol sets a px max width when the screen size reaches 1440px. You can either remove this code all together or change the pixel font size there. If removing the code, also remove the 1440px width set to the containers.

Heading

↓

Heading

Heading

Heading

Heading
Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Text Link

What’s a Rich Text element?

This is a subheading and where it goes in the document flow

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content. The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content. The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content. The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content. The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

This is an h2 heading inside rich text

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

↑

Hi!

Hi! My name is Veronica Ni, and I am a freelance illustrator and former art director at Black Math.

My name is Veronica Ni, and I am a freelance illustrator and former art director at Black Math.

↓

This is how my work keeps eyes on your 10,000 word masterpiece without snoozing.

Here are some of your platforms where my work can live to get more attention on your ideas.

Pre-Internet

Gif of different print publications where illustrations are used.

Post-Internet

Gif of different places online where illustrations are used.

Need a bit more context?
Swipe to see your product before, and after a little design help from me.

App Promotion

Drag me! bubble
Before After

Product Campaign

Before After

Food Packaging

Before After

Here are some examples of my work in context.

App Promotion

Product Campaign

Food Packaging

And here are some additional projects and details.

↓

Hatch 59 styleframe 1.
Photo of Hatch 59 opening.
Hatch 59 styleframe 2.
Hatch 59 styleframes.
Hatch 59 Work in Progress shot.

Hatch 59 Awards

The Ad Club

Select styleframes from the event package for the annual Hatch awards. This year's theme was a psychedelic cartoon world where ads come to life!

I've collaborated on these styleframes with Addy Tan, who did the initial design and linework. Produced and animated by Black Math.

and when you're ready to work together...

Here are some personal tidbits.

I'm a Chinese-American illustrator based in good ol' NYC, where I like to pay my bills doing the work I love, with other fine folks.

When I'm not parked at my desk, I tend to my rotating houseplant collection and play a mean bird in my DnD campaign.
"Veronica's skill as an illustrator and creative thinker is paired with excellent communication skills making her an asset to any project team that is lucky enough to have her support and leadership. She's adaptable to shifting needs, adept at advocating for what's needed to achieve project milestones, and can work in a variety of styles and mediums. And on top of all that, Veronica is a wonderful human being who brings joy wherever she goes!"
‍
Alexandra Williams, Executive Producer at Black Math

Self portrait of an artist extraordinaire.

How you can work with me:

What you might have:
• a story, news bit, article
• a newsletter, online promo campaign
• a banner, billboard, storefront
• a website or phone app
• anything else that is looking for custom art

Looking for long term?

Your business doesn't need a full time artist, but you're always in need of new graphics during development, or you're looking for a way to liven up your site every once in a while.
Use the handy dandy form, or send an email to:
Thanks! Your message has been received ☺︎
I will do my best to respond within 2-3 business days.
Oops! Something went wrong while submitting the form.
The pigeon got lost somewhere in the internet ☹︎ Try again?