EXPLORE

Style Guide

SUKI CANDY Style Guide

Customize the site through the POP color and font variables. POP Blue controls headings and blue accents; POP Display Font controls headings and CTA labels; POP Body Font controls paragraphs. Shared navigation and footer styles are managed in POP Navigation and Footer Nav - Main.

A little sweetness. A lot of joy.

DM Sans body text. The homepage uses large display headings, generous cream space, vivid collection colors and separate editable artwork.

PRIMARY BUTTON

Keyboard focus uses a pink outline. Success states use green, errors use soft pink with dark text. Core tokens: POP Blue, POP Cream, POP Ink, POP Red, POP Pink, POP Green, POP Dark Green, POP Yellow, POP Display Font and POP Body Font.

Typography

Heading 1
Aa Bb Cc

Heading 1

Heading 2
Aa Bb Cc

Heading 2

Heading 3
Aa Bb Cc

Heading 3

Heading 4
Aa Bb Cc

Heading 4
Heading 5
Aa Bb Cc
Heading 5
Heading 6
Aa Bb Cc
Heading 6

SUKI CANDY brings bright color and a playful spirit to everyday moments. Discover colorful treats, find a favorite shape, and share a little sweetness.

Paragraph

Rich Text

This is an H2

A little treat can brighten an ordinary afternoon. A favorite color, a familiar shape, and a sweet surprise can make the everyday feel special.

  • Explore the candy collection
  • Find a color that feels like you
  • Share a little sweetness

This is an H3

From a quick catch-up to a birthday celebration, sweet moments come in every size. Bring a colorful treat to the table and make a little time for the people you love.

A little sweetness. A whole new universe. — SUKI brand copy

Colorful candy belongs to all kinds of occasions: a birthday table, an afternoon pause, or a small surprise for someone you love.

  1. Pick a playful candy shape
  2. Choose your favorite colors
  3. Add a little sweetness to the table
  4. Share the moment with a friend

This is an H4

Woman holding a red-and-white swirl lollipop against a red backdrop
Image and caption style example. Read the image licensing notes.

Bright colors and playful shapes make a little treat feel special. Choose a favorite and bring a pop of personality to your day.

This is an H5

Some moments call for a celebration. Others are sweet enough on their own. There is room for a little color in both.

This is an H6

One for you. One for a friend. A small gesture can become a memory worth keeping.

‍

Forms and feedback

Use a visible label for every field. These editable examples show the newsletter field and its feedback styles; they do not send a signup.

In a live form, mark required fields clearly and use the email field type. Keep the submit label specific, such as SIGN ME UP.

You’re in! Thanks for joining the celebration.
We couldn’t save your email. Please check the address and try again.

Success message example

Thanks for signing up. You’re on the list!

Error message example

We couldn’t send your signup. Please try again.

Edit the real newsletter’s success and error states in the Form Block settings. Check keyboard focus, invalid email feedback, and the final delivery destination before launch.