Paint and Sip LIVE Style Guide

Visual direction, colors, typography, buttons, and components for the Paint and Sip LIVE website.

Brand Colors

Ink Black
#111111
Warm White
#FAF8F3
Paint Red
#F0442F
Golden Yellow
#F9BC22
Soft Sand
#F2EEE7

Typography

H1 · Merriweather · 56 / 64 · 700
Paint. Sip. Make Memories.
H2 · Merriweather · 40 / 48 · 700
Creative Experiences for Every Occasion
H3 · Merriweather · 28 / 36 · 700
Planning Your Event Is Easy
Body Large · Lato · 20 / 30 · 400

Interactive paint and sip experiences designed to bring people together.

Body · Lato · 16 / 26 · 400

Choose your event, reserve your date, personalize the experience, and let Paint and Sip LIVE handle the rest.

Small · Lato · 14 / 22 · 400

Event details, supporting copy, captions, and secondary information.

Navigation · Lato · 14 / 20 · 700
HOME    PRIVATE EVENTS    CORPORATE EVENTS    GALLERY    FAQS
Button · Lato · 14 / 20 · 700
Book Your Event →

Buttons

Primary Button
Book Your Event →
Secondary Button
See How It Works →
Dark Button
Explore Events →

Cards & Sections

Main Background
Warm White — #FAF8F3
Alternate Section
Soft Sand — #F2EEE7
Dark CTA / Footer Section
Ink Black — #111111
Event Card Style

Private Events

Creative celebrations for birthdays, showers, friends, and special occasions.

Learn More →

Corporate Events

Team building, employee engagement, ERGs, and company celebrations.

Learn More →

Virtual Events

Bring the experience online for teams and guests joining from anywhere.

Learn More →

Image & Motion Style

Finished paintings, canvases, easels, brushes, palettes

Artwork First

Let the paintings and creative materials carry most of the visual personality.

Styled event tables, kits, wine glasses, supplies, virtual setup

Experience Details

Show what guests actually receive and what the experience looks like before it begins.

Occasional real event photo with people

People Sparingly

Use real guest photos for trust and energy, but not as the dominant visual on every section.

Motion rule: Use movement mainly for image carousels, horizontal gallery scrolls, subtle fades, and hover effects. Avoid making every section animate.

Spacing & Layout

Standard Section Spacing
1200px Max Content Width
Spacing Scale
8px
16px
24px
32px
48px
64px
72px
Layout rule: Keep most content inside a 1200px max-width container. Use generous vertical spacing between sections and avoid crowding. Desktop sections can use roughly 64–72px top/bottom padding, while mobile sections should use roughly 40–48px.