Brand Color Palette

Click any color to copy its HEX. These colors theme the UI.
#1A1E2ECopied
#5C7CFACopied
#FFB703Copied
#14B8A6Copied
#F6F7FBCopied
Primary: Iris Accent: Marigold Support: Aquamint Surface: Mist

Milestones & Progress

Track completion across all levels. 20 tasks total.
0%
🟢 Level 1 — Foundation (Easy)
0%
1. Logo Design (Simple shape + text)
BrandDesign
Placeholder: Stylized “V” mark + wordmark “Vespreux Atelier”
Tip: Keep geometry simple. Explore negative space.

Client Brief

Vespreux Atelier — Time. Shade. Edge. Crown. Minimal mark for a premium accessories house.
2048×2048 px • 1:1
Brand Assets (All)
Brand Identity
Minimal geometric “V” logo, premium fashion brand, clean, subtle gradient (Iris → Marigold), on light Mist background, vector SVG style
Download Brand Mark
+000 123 456 789 · hello@vespreux.example · www.vespreux.example
Colors: Iris(#5C7CFA), Marigold(#FFB703), Aquamint(#14B8A6); Style: Modern, minimal; Tone: Premium, calm; Fonts: Poppins + Inter; Typography: Bold title + clean body.
2. Color Palette (5 colors, HEX + clickable)
BrandPalette
Use palette above. Click to copy HEX. Apply to designs consistently.

Client Brief

Define a timeless, wearable palette pairing deep Ink with vibrant Iris, Marigold, Aquamint and soft Mist for Vespreux Atelier.
1920×1080 px • 16:9
Brand Guide PDF
Brand Identity — Palette
Flat color swatches labeled with HEX, elegant grid, white paper texture backdrop
Copy HEX to Clipboard
+000 123 456 789 · hello@vespreux.example
Use Ink for text, Mist for surfaces; Iris/Aquamint as accents; Marigold as highlight.
3. Font Selection (Google Fonts)
Typography
Choose Heading: Poppins, Body: Inter (switch in panel).

Client Brief

Clean, legible, fashion-forward typography pairing. Bold headlines, airy body.
1920×1080 px • 16:9
Brand Guide
Typography Spec
Editorial layout featuring Poppins headings, Inter paragraphs, minimal grid
Apply Fonts
www.vespreux.example/type
Tracking: +1%; Line-height: 1.5; Title sizes: 28–40px; Body: 14–16px.
4. Facebook & Instagram – 2 posts
FBIGIntro + Product
Intro: Meet Vespreux
Product: Watch — Edge of time

Client Brief

Post 1: “Meet Vespreux Atelier — fashion essentials designed to last.” Post 2: “A watch that keeps up with your story.”
FB: 1200×1200 (1:1) • IG: 1080×1350 (4:5)
Facebook, Instagram
Watch, Sunglass
Luxury watch on marble with soft daylight, subtle reflection; minimal caption space
Shop Now · Learn More
+000 123 456 789 · hello@vespreux.example
Use Iris title on Mist; accent Marigold for price tag; clean margins.
🔵 Level 2 — Intermediate Social Media
0%
1. Facebook Cover Banner
FBTypography Layout
Layout tip: Left-safe title, right product, balanced whitespace.

Client Brief

“Craft the Moment.” Feature Watch + Sunglass with clean grid.
1640×720 px • ~2.28:1
Facebook Cover
Watch, Sunglass
Watch close-up with soft rim light; sunglasses with glossy reflection; negative space for headline
Explore Collection
facebook.com/vespreux
Use Iris headline on Mist; gradient accent bar (Iris→Aquamint) under title; overlay logo at top-left.
2. Instagram Carousel (4 slides)
IGAnimated
Watch — Precision
Sunglass — Shade
Belt — Edge
Cap — Crown

Client Brief

Slide 1: “Precision in every tick.” 2: “Own the light.” 3: “Finish with confidence.” 4: “Crown your look.”
1080×1080 px • 1:1
Instagram
Watch, Sunglass, Belt, Cap
Set of four square product compositions with brand palette accents and clean typographic overlays
Swipe → · Shop Now
@vespreux.atelier
Use subtle in-slide transitions; show consistent margin and caption baseline.
3. Twitter Post (Text + Image Overlay)
TWOverlay
Short quip + branded overlay band at bottom.

Client Brief

“Your essentials, elevated.” #Vespreux #Accessories
1600×900 px • 16:9
Twitter/X
Multi (Watch focus)
Watch on matte slate with diagonal light, copy safe area at bottom for overlay
See Details
@vespreuxatelier
Overlay band Iris 80% opacity; text white; logo watermark 8% in corner.
4. LinkedIn Banner (Corporate)
INProfessional
Professional tone, crisp typography, ample whitespace.

Client Brief

“Accessories that mean business.” Featuring Belt + Watch.
1584×396 px • 4:1
LinkedIn
Belt, Watch
Leather belt on concrete background, soft top light; headline safe margin left
Partner With Us
linkedin.com/company/vespreux
Use Aquamint accent line; Poppins Semibold headline; align logo left.
🟡 Level 3 — Advanced Content & Product Focus
0%
1. Watch Product Poster
High-detailShadows
Focus: micro-detail, soft shadows, subtle reflections.

Client Brief

“Precision you can feel.” Headline + small spec list + price tag.
2480×3508 px • A4 (300dpi)
Print + Social
Watch
Hyper-real watch on smoked glass, rim light, soft reflection, depth of field
Buy Now
shop.vespreux.example
Shadow blur 18–24px; reflection opacity 20–30%; use Marigold for price badge.
2. Sunglass Instagram Story Ads
IGSwipe
Sunglass — Slide 1
Sunglass — Slide 2
Sunglass — Slide 3

Client Brief

“Own the light.” Each slide: headline + quick benefit + swipe-up CTA.
1080×1920 px • 9:16
Instagram Story
Sunglass
Sunglasses floating with soft shadow, bright summer backdrop, space for vertical text
Swipe Up
@vespreux.atelier
Use Iris gradient to Marigold in progress bar; large tap targets.
3. Belt LinkedIn Sponsored Post
INSponsored
Corporate tone; hero product with clean copy block.

Client Brief

“Hold the line of confidence.” Belt with premium leather texture focus.
1200×627 px • ~1.91:1
LinkedIn Sponsored
Belt
Close-up leather belt on matte background, top-down, room for headline left
Request Pricing
sales@vespreux.example
Aquamint accent line near headline; grid alignment to 8px baseline.
4. Cap Facebook Ads Banner
FBAds
Catchy headline + overlay effects; ensure 20% text rule comfort.

Client Brief

“Top it off.” Simple hook + price + seasonal color.
1080×1080 px • 1:1
Facebook Ads
Cap
Cap with soft shadow, spotlight vignette, room for headline and price tag
Add to Cart
fb.me/vespreux
Use Marigold as price chip; overlay noise texture 3–5% for depth.
🟠 Level 4 — Campaign & Multi-product
0%
1. Seasonal Campaign Post
Multi‑productSeasonal
Feature 3–4 products together with festive accent.

Client Brief

“Celebrate the season in style.” Eid/New Year/Christmas variants with inclusive visuals.
1350×1080 px • 5:4
Facebook, Instagram
Watch, Sunglass, Belt, Cap
Festive composition of four accessories, soft bokeh lights, brand color ribbons
Shop Gifts
www.vespreux.example/seasonal
Use Marigold bokeh; keep text contrast AA+ on Mist.
2. Discount / Special Offer Banner
CTADynamic
Bold discount type + clear CTA; dynamic layout.

Client Brief

“New Year Offer — up to 40% off.” Limited time, highlight CTA.
1200×1500 px • 4:5
Instagram, Facebook
Multi-product
Bold typographic poster, diagonal accent, product thumbnails, high contrast
Grab the Deal
offers.vespreux.example
Use Iris headline with Aquamint underline; Marigold for discount badge.
3. Multi-product Social Carousel
IGAnimated 4+ slides
Watch
Sunglass
Belt
Cap

Client Brief

Each slide hero + one-line benefit. End with brand spread of all four.
1080×1080 px • 1:1
Instagram Carousel
Watch, Sunglass, Belt, Cap
Series of product hero shots with cohesive palette and typographic system
Swipe → · Shop Now
@vespreux.atelier
Maintain consistent baseline grid and caption style across slides.
4. Email Newsletter Header + Footer
ResponsiveBrand colors
Header hero + CTA • Footer with contacts and social icons.

Client Brief

“Your essentials, curated.” Concise hero with one CTA, clean footer.
600×300 px header • 600×120 px footer
Email (Responsive)
Multi-product
Clean email header banner, soft gradient, product collage space
Shop the Edit
hello@vespreux.example · unsubscribe link
Balance image weight for email; use system fonts fallback; accessible contrast.
🔴 Level 5 — Expert / Portfolio Showcase
0%
1. Behance Cover Design (Showcase)
MockupsHover + Meters

Client Brief

Showcase all levels with palette, typography, and mockups. Aim portfolio-ready polish.
W: 808 px cover (Behance) + case study layouts
Behance
All (Watch, Sunglass, Belt, Cap)
Case study montage: laptop, phone, IG grid mockups, brand colors, glossy finish
View Case Study
behance.net/yourname
Interactive hover sheen; dynamic progress meters; consistent shadows.
2. Optional Bonus — Social Media Kit Export
TemplatesExport JSON
Click Export Kit to download JSON structure for all tasks.

Client Brief

“One-click kit export for your workflow.”
—
Internal
Templates (FB, IG, TW, IN)
UI of export dialog, JSON code aesthetic
Export Kit
hello@vespreux.example
Export includes brand, palette, task specs, and completion state.