Content Guidelines

Overview

Clear content helps users understand and interact with our products. WEC’s content is professional but approachable, direct and concise, and action-oriented.

Writing Style

Be Clear and Direct

✅ Good	❌ Bad
”Save your changes"	"Click here to save"
"Delete account"	"Proceed with account deletion"
"Loading…"	"Please wait while we process"
"Email address"	"Email"
"Buy package"	"Click to purchase”

Use Active Voice

✅ Active	❌ Passive
”Click the button"	"The button should be clicked"
"We’ll send you an email"	"An email will be sent"
"Upload your file"	"Your file should be uploaded"
"Activate your package"	"Your package should be activated”

WEC Tone and Voice

Our Tone

Professional - Maintain credibility and trust
Approachable - Friendly without being casual
Direct - Get to the point quickly
Action-oriented - Focus on what users can do

Tone in Practice

✅ "Choose your package and start enjoying our services"

❌ "Hey there! Ready to have an amazing experience with our super cool packages?"

✅ "Your payment was successful"

❌ "Woohoo! You just made a payment!"

✅ "Please verify your information"

❌ "We need you to do us a huge favor and check your info"

UI Text Guidelines

Buttons

WEC uses action-oriented button text:

✅ Primary Actions:
- "Buy Now"
- "Continue"
- "Activate"
- "Subscribe"

✅ Secondary Actions:
- "Learn More"
- "View Details"
- "Compare Packages"
- "See All"

❌ Avoid:
- "OK"
- "Submit"
- "Click here"
- "Yes"

CTA Examples

✅ "Continue" (not "Submit")
✅ "Buy Package" (not "Purchase")
✅ "View Details" (not "More info")
✅ "Activate Now" (not "Proceed")

Error Messages

Good error messages explain:

What went wrong
Why it went wrong
How to fix it

✅ "Password must be at least 8 characters"

❌ "Invalid password"

✅ "This email is already registered. <a href='/login'>Sign in</a> instead."

❌ "Email taken"

✅ "Payment failed. Please check your payment details and try again."

❌ "Transaction error"

✅ "Please enter a valid Indonesian phone number (e.g., 0812xxxxxxxx)"

❌ "Invalid phone"

Success Messages

✅ "Payment successful! Your package is now active."

✅ "Your account has been created. Check your email for verification."

✅ "Changes saved successfully."

✅ "Package activated. Enjoy your benefits!"

Headings

Use descriptive, scannable headings:

✅ "Reset your password"
❌ "Password reset"

✅ "Choose your internet package"
❌ "Packages"

✅ "Add payment method"
❌ "Payment"

✅ "View your data usage"
❌ "Usage"

Content Patterns

Package Cards

WEC package cards follow this structure:

[Package Name]
Telkomsel Batik Bold, 24px (desktop) / 18px (mobile)

[Rp 50.000]
Poppins Bold, 56px (desktop) / 32px (mobile)

[50GB Internet | Unlimited Apps]
Poppins Regular, 16px (desktop) / 14px (mobile)

[Buy Now]
Button - 16px Poppins Medium

[Learn More]
Link - 14px Poppins Regular with underline

Form Labels

✅ "Email address"
Poppins Regular, 16px

Helper: "We'll send confirmation to this email"
Poppins Regular, 14px, Grey60 (#99A0A7)

✅ "Phone number"
Poppins Regular, 16px

Helper: "Format: 0812xxxxxxxx"
Poppins Regular, 14px, Grey60 (#99A0A7)

❌ "Email" (too informal)
❌ "Phone" (too brief)

FAQ Sections

Q: How do I activate my package?
Poppins Bold, 18px

A: You can activate your package by selecting "Buy Now" on the package
detail page and following the payment instructions. Your package will be
activated immediately after successful payment.
Poppins Regular, 18px, line-height 32px

Q: Can I change my package later?
Poppins Bold, 18px

A: Yes, you can upgrade or change your package anytime. Go to "My Packages"
and select "Change Package" to explore available options.
Poppins Regular, 18px, line-height 32px

Terms and Conditions

Hierarchical structure for legal content:

1. Package Terms
   1.1. All packages are valid for 30 days from activation date.
   1.2. Unused data quota cannot be carried forward.
   1.3. Fair usage policy applies to unlimited apps.

2. Payment Terms
   2.1. Payment can be made via credit card, bank transfer, or e-wallet.
   2.2. All payments are processed in Indonesian Rupiah (IDR).
   2.3. Refunds are processed within 7-14 working days.

Styles:
- Main items (1.): 16px Bold, margin-left: 0
- Sub-items (1.1): 16px Regular, margin-left: 16px
- Line height: 24px (mobile), 32px (desktop)

Empty States

✅ "No packages found"

"Try adjusting your filters or browse all available packages."

[Clear Filters]

✅ "No active packages"

"Explore our available packages and find one that suits your needs."

[Browse Packages]

Loading States

✅ "Loading packages..."
✅ "Processing payment..."
✅ "Verifying your information..."
✅ "Just a moment..."

Capitalization

Use sentence case for most UI elements:

✅ "Sign in"
✅ "Create account"
✅ "Search for packages"
✅ "View your data usage"

❌ "Sign In"
❌ "Create Account"
❌ "Search For Packages"
❌ "View Your Data Usage"

Use title case only for:

Product names: “Telkomsel”, “MyTelkomsel”, “Combo Internet”
Campaign names: “Flash Sale”, “Year End Sale”
Proper nouns: “Indonesia”, “Jakarta”, “Java”

Punctuation

General Rules

✅ Use periods for complete sentences in body content
✅ Don't use periods for fragments, buttons, labels
✅ Use Oxford comma in lists
✅ One space after sentences

✅ "Create account"
✅ "Learn more about our packages."
✅ "Add data, voice, and SMS to your plan."

❌ "Create Account."
❌ "Learn More About Our Packages"
❌ "Add data, voice and SMS to your plan"

Ellipses (…)

Use for:

Loading states: “Loading…”
Truncated text: “Combo Internet…”
Menus with more options: “More…”

Ampersand (&)

Use “and” instead of ”&” in body text:

✅ "Data and voice packages"
❌ "Data & voice packages"

✅ "Buy and activate"
❌ "Buy & activate"

Numbers and Dates

Numbers

Spell out numbers 0-9
Use numerals for 10+
Always use numerals for measurements, dates, times

✅ "Three options available"
✅ "50 packages"
✅ "5 GB limit"
✅ "30 days validity"

Currency

Format Indonesian Rupiah as:

✅ "Rp 50.000"
✅ "Rp 150.000"
✅ "Rp 1.500.000"

❌ "Rp50,000"
❌ "IDR 50.000"
❌ "50.000 Rp"

Data Quota

✅ "50GB"
✅ "10GB"
✅ "Unlimited GB"

❌ "50 Gb"
❌ "10 gb"
❌ "50GB data"

Dates and Times

Use format: Day, Month Date, Year
Use 24-hour format for times
Include timezone when relevant

✅ "Monday, January 15, 2025"
✅ "14:30 WIB"
✅ "In 3 days"
✅ "Expires in 24 hours"

❌ "1/15/25"
❌ "2:30 PM"
❌ "Soon"
❌ "Expires 24h"

Microcopy

Placeholders

✅ "Enter your email address"
✅ "Search for packages..."
✅ "Type your message here"

❌ "email"
❌ "search"
❌ "message"

Tooltips

✅ "View your remaining data quota"
✅ "This package includes unlimited WhatsApp access"
✅ "Auto-renewal can be disabled anytime"

❌ "View quota"
❌ "Includes WhatsApp"
❌ "Disable renewal"

Status Messages

✅ "Active"
✅ "Expired"
✅ "Pending activation"
✅ "Payment failed"

❌ "Act"
❌ "Exp"
❌ "Pending"
❌ "Failed"

Formatting

Emphasis

Use sparingly for maximum impact:

✅ Bold: Important information
✅ Italic: Rare - only for titles/publications
✅ Links: For navigation, not emphasis

❌ ALL CAPS FOR EMPHASIS
❌ "!!!Important!!!"
❌ Overusing bold

Lists

Use numbered lists for sequential steps:

1. Select your package
2. Choose payment method
3. Confirm payment
4. Package activated

Use bullet points for non-sequential items:

- 50GB data quota
- Unlimited WhatsApp
- Free voice calls
- Valid for 30 days

Abbreviations

Avoid or explain on first use:

✅ "Virtual Private Network (VPN)"
✅ "FAQ (Frequently Asked Questions)"

❌ "Use VPN"
❌ "Check our FAQ"

Accessibility Considerations

Write descriptive link text (not “click here”)
Use alt text for images
Provide text alternatives for icons
Ensure sufficient character length for touch targets

✅ "Download the PDF guide"

❌ "Click here to download"

✅ "View package details"

❌ "More"

Editorial Checklist

Before publishing content: