293 lines
13 KiB
JavaScript
293 lines
13 KiB
JavaScript
export const SECTION_ITEMS = [
|
||
{ id: 'what-cards-are', label: 'What Cards are' },
|
||
{ id: 'cards-vs-other-formats', label: 'Cards vs other formats' },
|
||
{ id: 'how-to-create', label: 'How to create a Card' },
|
||
{ id: 'publishing-and-ownership', label: 'Publishing and ownership' },
|
||
{ id: 'personal-and-group-workflows', label: 'Personal and Group workflows' },
|
||
{ id: 'best-practices', label: 'Best practices' },
|
||
{ id: 'common-mistakes', label: 'Common mistakes' },
|
||
{ id: 'faq', label: 'FAQ' },
|
||
{ id: 'troubleshooting', label: 'Troubleshooting' },
|
||
{ id: 'related-help', label: 'Related help' },
|
||
]
|
||
|
||
export const HERO_METRICS = [
|
||
{
|
||
label: 'Format role',
|
||
value: 'Visual communication format',
|
||
note: 'Cards are best when you want a designed message, presentation, or editorial visual rather than a straightforward artwork upload.',
|
||
},
|
||
{
|
||
label: 'Best for',
|
||
value: 'Short, styled ideas',
|
||
note: 'Use Cards for quote designs, promo visuals, themed statements, highlight pieces, and compact presentation content.',
|
||
},
|
||
{
|
||
label: 'Golden rule',
|
||
value: 'Match the message to the format',
|
||
note: 'Choose Cards when design and presentation are part of the message, not just decoration added afterward.',
|
||
},
|
||
]
|
||
|
||
export const WHAT_CARDS_ARE_ITEMS = [
|
||
{
|
||
title: 'Cards are designed content units',
|
||
body: 'A Card is a creative format built for presentation, visual storytelling, and styled communication. It is meant to carry an idea clearly, not just display a raw asset.',
|
||
},
|
||
{
|
||
title: 'Cards are flexible, not vague',
|
||
body: 'They can be visual statements, promo pieces, quote graphics, short editorial concepts, or support content around a wider project or collection.',
|
||
},
|
||
{
|
||
title: 'Cards are not a replacement for everything',
|
||
body: 'Some ideas should stay artworks, some should be posts, and some belong inside collections. Cards work best when presentation and message need to live together in one polished format.',
|
||
},
|
||
]
|
||
|
||
export const FORMAT_SIGNAL_ITEMS = [
|
||
'Use Cards when layout, typography, or composition are part of the meaning.',
|
||
'Use Cards when you want a clean public-facing visual without turning it into a full artwork upload.',
|
||
'Use Cards when a post feels too plain but a collection feels too large for the idea you want to publish.',
|
||
]
|
||
|
||
export const COMPARISON_COLUMNS = [
|
||
{ key: 'topic', label: 'Topic' },
|
||
{ key: 'cards', label: 'Cards' },
|
||
{ key: 'artworks', label: 'Artworks' },
|
||
{ key: 'posts', label: 'Posts' },
|
||
{ key: 'collections', label: 'Collections' },
|
||
]
|
||
|
||
export const COMPARISON_ROWS = [
|
||
{
|
||
id: 'primary-job',
|
||
topic: 'Primary job',
|
||
cards: 'Designed visual communication, editorial presentation, or compact storytelling.',
|
||
artworks: 'A main creative work or finished visual creation published as its own piece.',
|
||
posts: 'Updates, announcements, status sharing, or direct communication.',
|
||
collections: 'Grouping related items into a bigger curated set or presentation.',
|
||
},
|
||
{
|
||
id: 'best-when',
|
||
topic: 'Best when',
|
||
cards: 'The look, message, and layout all matter together.',
|
||
artworks: 'The work itself is the central thing being shown.',
|
||
posts: 'You need clarity and speed more than designed presentation.',
|
||
collections: 'You want to organize multiple related works into one structured view.',
|
||
},
|
||
{
|
||
id: 'audience-expectation',
|
||
topic: 'Audience expectation',
|
||
cards: 'A polished visual statement or concise editorial piece.',
|
||
artworks: 'A primary artwork worthy of direct viewing and appreciation.',
|
||
posts: 'A message, update, or announcement to read quickly.',
|
||
collections: 'A curated journey through more than one item.',
|
||
},
|
||
{
|
||
id: 'scale',
|
||
topic: 'Typical scale',
|
||
cards: 'One focused idea, concept, or promo moment.',
|
||
artworks: 'One major visual work.',
|
||
posts: 'One update or communication moment.',
|
||
collections: 'Multiple related works or references gathered together.',
|
||
},
|
||
{
|
||
id: 'common-misuse',
|
||
topic: 'Common misuse',
|
||
cards: 'Turning every message into a design exercise even when a post would be clearer.',
|
||
artworks: 'Uploading presentation graphics that are not really artworks.',
|
||
posts: 'Using posts when the message needs stronger visual presentation.',
|
||
collections: 'Making a collection when one good Card or one good artwork would communicate faster.',
|
||
},
|
||
]
|
||
|
||
export const CREATION_STEPS = [
|
||
{
|
||
title: 'Open Studio',
|
||
description: 'Start in Studio so you are working inside the creator workspace rather than trying to manage Cards from public pages.',
|
||
},
|
||
{
|
||
title: 'Choose the Cards area',
|
||
description: 'Move into the Cards workflow where you can create, edit, preview, and manage Card-specific content deliberately.',
|
||
},
|
||
{
|
||
title: 'Create a new Card',
|
||
description: 'Begin a new Card when you know the message, idea, or visual concept you want the format to carry.',
|
||
},
|
||
{
|
||
title: 'Add title, content, and design choices',
|
||
description: 'Fill in the content structure clearly. The best Cards feel intentional in both wording and presentation.',
|
||
},
|
||
{
|
||
title: 'Preview the result',
|
||
description: 'Check readability, balance, visual hierarchy, and whether the Card still communicates well outside the editor context.',
|
||
},
|
||
{
|
||
title: 'Publish when the Card feels clear',
|
||
description: 'Publish only when the message, design, and ownership context all feel correct for the public result you want.',
|
||
},
|
||
]
|
||
|
||
export const OWNERSHIP_ITEMS = [
|
||
{
|
||
title: 'Personal Cards',
|
||
body: 'Personal Cards are best for profile highlights, visual notes, branded self-presentation, concept pieces, and compact editorial content under your own creator identity.',
|
||
},
|
||
{
|
||
title: 'Group Cards',
|
||
body: 'Group Cards are best for shared promos, event graphics, announcements, release support visuals, and presentation content that belongs to the Group rather than one member alone.',
|
||
},
|
||
]
|
||
|
||
export const OWNERSHIP_BULLETS = [
|
||
'Check the active context before publishing so the Card goes live under the right identity.',
|
||
'If a Card represents a shared campaign, promo, or announcement, Group ownership is often the better fit.',
|
||
'Make authorship and contribution clear whenever more than one person shaped the final Card.',
|
||
'Treat publishing context as part of quality control, not as a detail to fix later.',
|
||
]
|
||
|
||
export const WORKFLOW_EXAMPLES = [
|
||
{
|
||
title: 'Personal profile highlight Card',
|
||
body: 'Use a Card to introduce a creator direction, showcase a visual theme, or present a compact statement that sits well beside your published work.',
|
||
},
|
||
{
|
||
title: 'Group promo Card',
|
||
body: 'Use a Group Card for launches, campaigns, member spotlights, collaborations, or audience-facing promo moments that need a shared identity.',
|
||
},
|
||
{
|
||
title: 'Themed editorial Card',
|
||
body: 'Use a Card when you want one designed visual to communicate a mood, concept, or mini editorial idea without building a larger collection first.',
|
||
},
|
||
{
|
||
title: 'Announcement Card',
|
||
body: 'If the message should feel polished and visual, a Card can carry an announcement more effectively than a plain post.',
|
||
},
|
||
{
|
||
title: 'Quote or concept Card',
|
||
body: 'Cards are a strong fit for text-led ideas where typography, color, and layout are part of the creative statement.',
|
||
},
|
||
{
|
||
title: 'Collection support Card',
|
||
body: 'Use a Card to frame, promote, or introduce a collection without turning the collection itself into a wall of explanation.',
|
||
},
|
||
]
|
||
|
||
export const BEST_PRACTICES = [
|
||
'Keep one Card focused on one clear message, theme, or visual purpose.',
|
||
'Prioritize readability before decoration so the Card still works on smaller screens and quick scrolls.',
|
||
'Use Cards when presentation adds value, not as a default replacement for artworks or posts.',
|
||
'Keep branding, typography, and visual tone consistent when Cards support a wider project or Group identity.',
|
||
'Publish fewer stronger Cards instead of flooding the feed with low-value variations.',
|
||
'Preview the Card as a viewer would see it, not only as the creator sees it while editing.',
|
||
]
|
||
|
||
export const COMMON_MISTAKES = [
|
||
'Using a Card when the content should really be a finished artwork.',
|
||
'Using a Card when a plain post would communicate the message faster and more clearly.',
|
||
'Adding too much text, too many visual ideas, or too many competing styles into one Card.',
|
||
'Publishing under the wrong personal-or-Group context and creating avoidable ownership confusion.',
|
||
'Treating Card design as decoration instead of making it support the message itself.',
|
||
'Letting typography, spacing, or hierarchy become inconsistent enough that the Card feels cluttered.',
|
||
]
|
||
|
||
export const FAQ_ITEMS = [
|
||
{
|
||
question: 'What are Cards used for?',
|
||
answer: 'Cards are used for visual communication, styled presentation, compact editorial ideas, quote graphics, promos, announcements, and other creative content where layout and message belong together.',
|
||
},
|
||
{
|
||
question: 'How are Cards different from artworks?',
|
||
answer: 'Artworks are primary creative works presented on their own. Cards are presentation-oriented content units that combine message, design, and visual framing more like a polished communication format.',
|
||
},
|
||
{
|
||
question: 'Can Groups create Cards?',
|
||
answer: 'Yes. Groups can use Cards for shared promo pieces, announcements, release support visuals, and other communication that belongs under a Group identity.',
|
||
},
|
||
{
|
||
question: 'Should I use a Card or a post?',
|
||
answer: 'Use a post when a straightforward update is enough. Use a Card when design and presentation are part of what makes the message land properly.',
|
||
},
|
||
{
|
||
question: 'Can I manage Cards in Studio?',
|
||
answer: 'Yes. Studio is the main workspace for creating, editing, previewing, and managing Cards before and after publishing.',
|
||
},
|
||
{
|
||
question: 'Are Cards public?',
|
||
answer: 'Cards become public when you publish them. Until then, the creation and management workflow belongs in Studio rather than on public profile or browse pages.',
|
||
},
|
||
{
|
||
question: 'How should I design a good Card?',
|
||
answer: 'Start with one clear idea, keep the visual hierarchy readable, avoid clutter, and make sure typography, spacing, and composition all support the message instead of competing with it.',
|
||
},
|
||
]
|
||
|
||
export const TROUBLESHOOTING_ITEMS = [
|
||
{
|
||
title: 'I can’t find Cards in Studio',
|
||
body: 'Start by reopening the Cards workspace directly. If the workflow still feels missing, check whether you are in the right account state or creator context first.',
|
||
linkKey: 'studio_cards',
|
||
linkLabel: 'Open Cards workspace',
|
||
},
|
||
{
|
||
title: 'I don’t know which content type to use',
|
||
body: 'When the choice between Card, artwork, post, and collection still feels blurry, the wider Studio guide helps place each format inside the overall creator workflow.',
|
||
linkKey: 'studio_help',
|
||
linkLabel: 'Read Studio help',
|
||
},
|
||
{
|
||
title: 'My Card looks cluttered',
|
||
body: 'If the Card feels overloaded, simplify the message, reduce competing styles, and preview the result again before you publish or keep editing.',
|
||
linkKey: 'create_card',
|
||
linkLabel: 'Return to card creation',
|
||
},
|
||
{
|
||
title: 'I published under the wrong context',
|
||
body: 'Ownership confusion often comes from publishing under a personal context when the Card belongs to a Group, or the other way around. Use the Groups guide to correct the workflow deliberately.',
|
||
linkKey: 'groups_help',
|
||
linkLabel: 'Read Groups help',
|
||
},
|
||
{
|
||
title: 'I can’t edit my Card',
|
||
body: 'Go back through Studio rather than public pages. Cards are managed inside the workspace, so the edit path usually starts from Studio or the Cards area.',
|
||
linkKey: 'open_studio',
|
||
linkLabel: 'Open Studio',
|
||
},
|
||
{
|
||
title: 'I expected Cards to behave like artworks',
|
||
body: 'Cards are a different format with different goals. If the problem is really about publishing files, metadata, or the artwork draft flow, the upload guide is the better next step.',
|
||
linkKey: 'upload_help',
|
||
linkLabel: 'Read Upload help',
|
||
},
|
||
]
|
||
|
||
export const RELATED_HELP_ITEMS = [
|
||
{
|
||
eyebrow: 'Live help',
|
||
title: 'Studio help',
|
||
body: 'Use the Studio guide when you want the wider workspace context around Cards, drafts, content management, and publishing decisions.',
|
||
linkKey: 'studio_help',
|
||
tone: 'sky',
|
||
},
|
||
{
|
||
eyebrow: 'Live help',
|
||
title: 'Groups help',
|
||
body: 'Use the Groups guide when Cards are part of a shared identity, campaign, review flow, or contributor-credit conversation.',
|
||
linkKey: 'groups_help',
|
||
tone: 'amber',
|
||
},
|
||
{
|
||
eyebrow: 'Live help',
|
||
title: 'Upload help',
|
||
body: 'Use the Upload guide if the real question is about artwork file publishing, drafts, metadata, or personal versus Group upload context.',
|
||
linkKey: 'upload_help',
|
||
tone: 'white',
|
||
},
|
||
{
|
||
eyebrow: 'Live help',
|
||
title: 'Profile help',
|
||
body: 'Use the Profile guide if your Cards question is really about public identity, creator presentation, or how your personal presence should read to visitors.',
|
||
linkKey: 'help_profile',
|
||
tone: 'white',
|
||
},
|
||
] |