vibespot 1.2.0 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +44 -5
- package/assets/blog-rules.md +251 -0
- package/assets/email-rules.md +390 -0
- package/assets/humanify-guide.md +300 -101
- package/assets/plan-templates/blog-content-hub.md +18 -9
- package/assets/plan-templates/email-announcement.md +41 -0
- package/assets/plan-templates/email-event-invite.md +43 -0
- package/assets/plan-templates/email-newsletter.md +41 -0
- package/assets/plan-templates/email-re-engagement.md +42 -0
- package/assets/plan-templates/email-welcome.md +41 -0
- package/dist/index.js +1460 -387
- package/dist/index.js.map +1 -1
- package/package.json +5 -5
- package/starters/06-blog-content-hub.json +75 -0
- package/starters/06-email-welcome.json +60 -0
- package/starters/07-email-announcement.json +60 -0
- package/starters/08-email-newsletter.json +52 -0
- package/ui/chat.js +777 -63
- package/ui/code-editor.js +49 -7
- package/ui/dashboard.js +379 -93
- package/ui/docs/docs.css +29 -0
- package/ui/docs/index.html +186 -108
- package/ui/docs/screenshots/brand-kit-preview.png +0 -0
- package/ui/docs/screenshots/content-type-dropdown.png +0 -0
- package/ui/docs/screenshots/editor-full-layout.png +0 -0
- package/ui/docs/screenshots/inline-wysiwyg-editing.png +0 -0
- package/ui/docs/screenshots/multi-page-tree.png +0 -0
- package/ui/docs/screenshots/onboarding-walkthrough.png +0 -0
- package/ui/docs/screenshots/split-pane-view.png +0 -0
- package/ui/docs/screenshots/visual-controls-toolbar.png +0 -0
- package/ui/docs/screenshots/workspace-tabs.png +0 -0
- package/ui/email-preview.js +109 -0
- package/ui/field-editor.js +72 -1
- package/ui/icons.js +120 -0
- package/ui/index.html +877 -629
- package/ui/inline-edit.js +710 -0
- package/ui/plan.js +0 -0
- package/ui/preview.js +101 -198
- package/ui/section-controls.js +628 -0
- package/ui/settings.js +58 -16
- package/ui/setup.js +750 -140
- package/ui/styles.css +3430 -952
- package/ui/upload-panel.js +47 -20
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
---
|
|
2
|
+
id: email-newsletter
|
|
3
|
+
label: Newsletter / Digest
|
|
4
|
+
description: Curated content roundup — articles, updates, and resources
|
|
5
|
+
icon: newspaper
|
|
6
|
+
order: 120
|
|
7
|
+
contentType: email
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# Newsletter / Digest Email
|
|
11
|
+
|
|
12
|
+
## Goal
|
|
13
|
+
Deliver a curated selection of content, updates, or resources that keeps subscribers engaged and positions the brand as a trusted source.
|
|
14
|
+
|
|
15
|
+
## Audience
|
|
16
|
+
TBD — subscribers, customers, community members?
|
|
17
|
+
|
|
18
|
+
## Primary CTA
|
|
19
|
+
TBD — common patterns: "Read the Full Article", "Visit the Blog", "See All Updates".
|
|
20
|
+
|
|
21
|
+
## Sections / Modules
|
|
22
|
+
1. **preheader** — hidden inbox preview text
|
|
23
|
+
2. **header** — logo, edition number or date, optional nav links
|
|
24
|
+
3. **hero** — featured article or top story with image and summary
|
|
25
|
+
4. **content-grid** — 3-4 secondary stories with thumbnails, titles, and 2-sentence summaries
|
|
26
|
+
5. **cta-block** — link to full archive or blog
|
|
27
|
+
6. **footer** — unsubscribe link, physical address, social links, "forward to a friend"
|
|
28
|
+
|
|
29
|
+
## Subject Line & Preheader
|
|
30
|
+
- Subject: TBD — e.g., "The Weekly Roundup: 5 things worth your time"
|
|
31
|
+
- Preheader: TBD — extends subject, 40-90 chars
|
|
32
|
+
|
|
33
|
+
## Brand & Tone
|
|
34
|
+
TBD — editorial and curated? Casual and scannable? Data-driven and analytical?
|
|
35
|
+
|
|
36
|
+
## Open questions
|
|
37
|
+
- [ ] What is the newsletter cadence (weekly, biweekly, monthly)?
|
|
38
|
+
- [ ] How many content items per issue (3-5 recommended)?
|
|
39
|
+
- [ ] Is there a featured/lead article format?
|
|
40
|
+
- [ ] What content types: blog posts, industry news, tips, product updates?
|
|
41
|
+
- [ ] Should it include a personal note from the editor/founder?
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
---
|
|
2
|
+
id: email-re-engagement
|
|
3
|
+
label: Re-engagement Email
|
|
4
|
+
description: Win-back email for inactive users or lapsed customers
|
|
5
|
+
icon: refresh
|
|
6
|
+
order: 140
|
|
7
|
+
contentType: email
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# Re-engagement Email
|
|
11
|
+
|
|
12
|
+
## Goal
|
|
13
|
+
Re-activate inactive subscribers or lapsed customers by reminding them of value, highlighting what they've missed, and offering a clear reason to return.
|
|
14
|
+
|
|
15
|
+
## Audience
|
|
16
|
+
TBD — inactive users (how long?), lapsed customers, churned subscribers?
|
|
17
|
+
|
|
18
|
+
## Primary CTA
|
|
19
|
+
TBD — common patterns: "Come Back and See What's New", "Reactivate Your Account", "Claim Your Offer".
|
|
20
|
+
|
|
21
|
+
## Sections / Modules
|
|
22
|
+
1. **preheader** — hidden inbox preview text
|
|
23
|
+
2. **header** — logo, simple and clean
|
|
24
|
+
3. **hero** — direct acknowledgment headline ("We noticed you've been away"), 1-2 sentence personal message
|
|
25
|
+
4. **whats-new** — 2-3 highlights of what they've missed (new features, content, improvements)
|
|
26
|
+
5. **offer** — incentive if applicable (discount, free month, exclusive content)
|
|
27
|
+
6. **cta-block** — single "Come Back" CTA
|
|
28
|
+
7. **footer** — unsubscribe link (prominent — respect their choice), physical address
|
|
29
|
+
|
|
30
|
+
## Subject Line & Preheader
|
|
31
|
+
- Subject: TBD — e.g., "A lot has changed since you left"
|
|
32
|
+
- Preheader: TBD — extends subject, 40-90 chars
|
|
33
|
+
|
|
34
|
+
## Brand & Tone
|
|
35
|
+
TBD — genuine and low-pressure? Playful and lighthearted? Direct and value-focused?
|
|
36
|
+
|
|
37
|
+
## Open questions
|
|
38
|
+
- [ ] How long has the user been inactive (defines urgency level)?
|
|
39
|
+
- [ ] What new features or content have launched since they left?
|
|
40
|
+
- [ ] Is there a win-back offer (discount, free trial extension, exclusive access)?
|
|
41
|
+
- [ ] Should the email include usage data ("You had X saved / X connections")?
|
|
42
|
+
- [ ] What happens if they don't re-engage (account deletion, list cleanup)?
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
---
|
|
2
|
+
id: email-welcome
|
|
3
|
+
label: Welcome Email
|
|
4
|
+
description: Onboarding email for new signups — confirm, orient, activate
|
|
5
|
+
icon: mail
|
|
6
|
+
order: 100
|
|
7
|
+
contentType: email
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# Welcome Email
|
|
11
|
+
|
|
12
|
+
## Goal
|
|
13
|
+
Welcome new subscribers or customers, confirm their action, and guide them to a first meaningful interaction with the product or service.
|
|
14
|
+
|
|
15
|
+
## Audience
|
|
16
|
+
TBD — new signup, new customer, new subscriber? What did they just do?
|
|
17
|
+
|
|
18
|
+
## Primary CTA
|
|
19
|
+
TBD — common patterns: "Get Started", "Complete Your Profile", "Explore the Dashboard".
|
|
20
|
+
|
|
21
|
+
## Sections / Modules
|
|
22
|
+
1. **preheader** — hidden inbox preview text extending the subject line
|
|
23
|
+
2. **header** — logo centered, optional tagline
|
|
24
|
+
3. **hero** — warm greeting headline, 1-2 sentence welcome message
|
|
25
|
+
4. **getting-started** — 3 numbered steps to first value (with icons or numbers)
|
|
26
|
+
5. **cta-block** — single primary CTA button
|
|
27
|
+
6. **footer** — unsubscribe link, physical address, social links
|
|
28
|
+
|
|
29
|
+
## Subject Line & Preheader
|
|
30
|
+
- Subject: TBD — e.g., "You're in. Here's what to do first."
|
|
31
|
+
- Preheader: TBD — extends subject, 40-90 chars
|
|
32
|
+
|
|
33
|
+
## Brand & Tone
|
|
34
|
+
TBD — friendly and helpful? Professional and concise? Warm and personal?
|
|
35
|
+
|
|
36
|
+
## Open questions
|
|
37
|
+
- [ ] What action triggered this email (signup, purchase, subscription)?
|
|
38
|
+
- [ ] What should the recipient do first?
|
|
39
|
+
- [ ] What are the 3 most important getting-started steps?
|
|
40
|
+
- [ ] Is there a time-sensitive element (trial expiry, limited offer)?
|
|
41
|
+
- [ ] Should this email include the user's name (personalization token)?
|