Templates

Fourteen post formats. Fill the brackets, pair with the graphic, post.

One idea per post, one call to action. Brackets are the only thing you change. Every graphic below was exported from an HTML template in the repo (brand/templates/), so new text — a new event date, a member's name — is a one-line re-render, not a redesign. See brand/tools/README.md.

01 — Content templates
01

Welcome to the community

facebook · instagram

Welcome a batch of new members and tell them the one thing to do first.

Template429 chars
Welcome to the [NUMBER] people who joined this week.

You are in the right place if you want to learn by doing, get honest feedback, and make progress on something real. Beginners welcome. Everyone participates.

Do one thing today: introduce yourself in the comments.
"I am learning / building ___. I can help with ___."

Then reserve a seat at the next Build Night → workbehindtheluck.com

Welcome, [FIRST NAMES, IF CONSENTED].
Example433 chars
Welcome to the 12 people who joined this week.

You are in the right place if you want to learn by doing, get honest feedback, and make progress on something real. Beginners welcome. Everyone participates.

Do one thing today: introduce yourself in the comments.
"I am learning / building ___. I can help with ___."

Then reserve a seat at the next Build Night → workbehindtheluck.com

Welcome, Jhen, Paolo, Karla, and everyone else.
Group welcome graphic
Group welcome graphicDownload ↓
1200 × 630 · PNGPair with the welcome post copy. Landscape, wordmark top-left.
02

Start here

all

Re-run the orientation post for a new wave of followers. Same shape every time.

Template527 chars
New here? Start here.

The Work Behind the Luck is a practical community for learning, building, and creating opportunity. Weekly Build Nights in [LOCATION], with online access.

Every Build Night: a short practical lesson, an hour of guided work on whatever you brought, demos, and a next step before you leave.

Bring: a project, a portfolio, a workflow, a business problem, or a career question.
Do not bring: the need for a finished idea or advanced skills.

Next Build Night: [DATE]. Reserve a seat → workbehindtheluck.com
Example527 chars
New here? Start here.

The Work Behind the Luck is a practical community for learning, building, and creating opportunity. Weekly Build Nights in Pampanga, with online access.

Every Build Night: a short practical lesson, an hour of guided work on whatever you brought, demos, and a next step before you leave.

Bring: a project, a portfolio, a workflow, a business problem, or a career question.
Do not bring: the need for a finished idea or advanced skills.

Next Build Night: Thursday. Reserve a seat → workbehindtheluck.com
Square post — belief line
Square post — belief lineDownload ↓
1080 × 1080 · PNGGeneric square post. Works on FB, IG, X. Swap the headline; keep the wordmark.
03

Educational tip

all

One useful idea from real work. The Monday post.

Template301 chars
[ONE-LINE LESSON]

Here is the situation: [WHAT WE WERE DOING, 1 TO 2 SENTENCES].

What went wrong or what we noticed: [THE PROBLEM].

What worked: [THE FIX OR PRINCIPLE, 2 TO 4 SHORT LINES].

Try it this week: [ONE SMALL, FINISHABLE ACTION].

We practice this at Build Night. Join the next one ↓ link
Example540 chars
Make the next step smaller and finishable.

Here is the situation: a member had "build the inventory app" on their list for four months.

What went wrong: the step was a project, not a step. Nothing that size fits in an evening, so nothing started.

What worked: we cut it to "a form that adds one item to a spreadsheet." Shipped in 50 minutes. Ugly, working, real.

Try it this week: take the top item on your list and shrink it until it fits in one sitting. Then do that sitting.

We practice this at Build Night. Join the next one ↓ link
Square post — belief line
Square post — belief lineDownload ↓
1080 × 1080 · PNGGeneric square post. Works on FB, IG, X. Swap the headline; keep the wordmark.
04

Step-by-step guide

instagram · facebook · devto

A numbered walkthrough members can follow without help. Carousel on IG, article on DEV.to.

Template320 chars
How to [OUTCOME] in [NUMBER] steps.

Who this is for: [AUDIENCE, 1 LINE].
Time: about [MINUTES].
You need: [TOOLS OR INPUTS].

1. [STEP]
2. [STEP]
3. [STEP]
4. [STEP]
5. [STEP]

Where people get stuck: [THE COMMON MISTAKE AND HOW TO AVOID IT].

Done? Post a screenshot in the group. Stuck? Bring it to Build Night ↓ link
Example713 chars
How to put a project on your portfolio in 5 steps.

Who this is for: anyone with one finished or half-finished thing and no portfolio.
Time: about 40 minutes.
You need: the project, one screenshot, a text editor.

1. Write the problem in one sentence. Who had it, why it mattered.
2. Write what you built in two sentences. Plain words, no stack list yet.
3. Add one screenshot or a 20-second screen recording.
4. Write one thing that went wrong and what you changed.
5. Add the stack and a link. Publish. Rough is fine.

Where people get stuck: step 4. Nobody wants to show the mistake. That is the part a hiring manager actually reads.

Done? Post a screenshot in the group. Stuck? Bring it to Build Night ↓ link
Instagram carousel cover
Instagram carousel coverDownload ↓
1080 × 1350 · PNGSlide 1 of a carousel. Headline + “swipe” cue.
05

Philosophy or quote

all

A short belief post. The Wednesday post. Always grounded by one concrete line.

Template141 chars
[THE LINE, 1 TO 2 SENTENCES]

[WHY IT MATTERS, 2 TO 3 SENTENCES WITH ONE CONCRETE EXAMPLE]

[WHAT TO DO ABOUT IT, 1 LINE]

#WorkBehindTheLuck
Example435 chars
We cannot guarantee the opportunity. We can improve readiness.

Last month a member got a referral for a junior role. Outsiders called it luck. What actually happened: she showed up to six Build Nights, finished a small app, wrote it up, and a mentor in the room knew a team that was hiring. Every step was visible if you were looking.

This week: make one piece of your work visible to someone who has not seen it.

#WorkBehindTheLuck
Square post — belief line
Square post — belief lineDownload ↓
1080 × 1080 · PNGGeneric square post. Works on FB, IG, X. Swap the headline; keep the wordmark.
06

Build-in-public update

x · devto · facebook · instagram

Honest progress on a real project. Ships the unfinished parts too.

Template276 chars
Build in public, update [NUMBER]: [PROJECT].

What works now: [2 TO 3 CONCRETE THINGS].

What does not yet: [1 TO 3 HONEST GAPS].

What I learned: [ONE LESSON, INCLUDING WHAT I WOULD DO DIFFERENTLY].

Next step: [ONE SMALL, SPECIFIC NEXT STEP].

[SCREENSHOT OF THE REAL THING]
Example545 chars
Build in public, update 3: the community site.

What works now: RSVP with a seat cap, waitlist, and confirmation email. Event pages pull from the calendar.

What does not yet: member profiles. The form saves but the public page renders an empty card. Also the photo consent is still a paper form.

What I learned: I wrote the RSVP logic before deciding what happens when someone cancels. Had to redo it. Decide the unhappy path first.

Next step: ship the profile page with just name, "learning," and "can help with." Nothing else.

[screenshot]
Project showcase — before / after
Project showcase — before / afterDownload ↓
1080 × 1080 · PNGFields: project, by, before, after, changed[]. Show the work, not just the result.
07

Project showcase

all

Show a member's finished or improved work, with the process behind it.

Template370 chars
Project: [PROJECT NAME] by [MEMBER NAME, WITH CONSENT].

The problem: [WHO HAD IT AND WHY IT MATTERED, 1 TO 2 SENTENCES].

What they built: [PLAIN-LANGUAGE DESCRIPTION, 1 TO 2 SENTENCES].

The work behind it: [ITERATIONS, FEEDBACK, WHAT CHANGED, 2 TO 3 SENTENCES].

What is next: [THEIR NEXT STEP].

See it: [LINK OR SCREENSHOT]

Built at Build Night. Bring yours ↓ link
Example609 chars
Project: Sari-Sari Stock by Paolo.

The problem: his family's store tracked inventory on a notebook and ran out of the top sellers every week.

What they built: a phone-friendly sheet with a one-tap form to log sales and a daily low-stock alert.

The work behind it: version one was a full app that never got finished. At Project Clinic we cut it to a form and a sheet. Three weeks of iterations on the alert threshold, and one honest review from another member who runs a store.

What is next: a reorder suggestion based on the last four weeks.

See it: [screenshot]

Built at Build Night. Bring yours ↓ link
Project showcase — before / after
Project showcase — before / afterDownload ↓
1080 × 1080 · PNGFields: project, by, before, after, changed[]. Show the work, not just the result.
08

Member spotlight

facebook · instagram

Make a member the main character. Always with explicit consent on photo, name, and quote.

Template342 chars
Member spotlight: [FIRST NAME].

Learning / building: [WHAT THEY ARE WORKING ON].
Can help with: [WHAT THEY OFFER].

In their words: "[SHORT QUOTE, APPROVED BY THEM]"

What changed since they joined: [ONE CONCRETE CHANGE].

Say hi to [FIRST NAME] at the next Build Night ↓ link

[Photo, name, and quote shared with [FIRST NAME]'s permission.]
Example471 chars
Member spotlight: Karla.

Learning / building: a portfolio that actually shows her QA work, not just lists it.
Can help with: test plans, writing bug reports people act on.

In their words: "I thought I had nothing to show. Turns out I had six things, I just never wrote them down."

What changed since they joined: two case studies published, one interview booked.

Say hi to Karla at the next Build Night ↓ link

[Photo, name, and quote shared with Karla's permission.]
Member spotlight
Member spotlightDownload ↓
1080 × 1080 · PNGFields: name, learning, canHelp, quote, photo (optional — initials avatar otherwise). Ask consent first.
09

Event announcement

all

Announce one event with the details and one CTA. Same shape every week.

Template307 chars
[EVENT FORMAT] #[NUMBER]

[DATE], [TIME]
[VENUE], [CITY], plus online access
Capacity: [SEATS] seats

This week's lesson: [LESSON TITLE, ONE LINE ON WHAT YOU WILL BE ABLE TO DO AFTER].

Bring: [WHAT TO BRING, 1 LINE].

Beginners welcome. Everyone participates.

Reserve a seat → workbehindtheluck.com/events
Example418 chars
Build Night #4

Thursday, 7:00 PM
Coworking room, Angeles City, plus online access
Capacity: 15 seats

This week's lesson: Reading code you did not write. After this you will be able to open an unfamiliar repo and find the part that matters in under 20 minutes.

Bring: anything you are working on, and a laptop if you have one.

Beginners welcome. Everyone participates.

Reserve a seat → workbehindtheluck.com/events
Event announcement
Event announcementDownload ↓
1200 × 630 · PNGFields: eventName, date, time, venue, seats, url. Re-render per event.
10

Event reminder

all

24 hours and 2 hours before. Short. Seats left, what to bring, the link.

Template269 chars
[EVENT FORMAT] is [TOMORROW / TONIGHT], [TIME].
[VENUE], [CITY] + online.

[SEATS LEFT] seats left.

Bring one thing you want to work on. If you cannot make it, cancel on the site so someone on the waitlist gets your seat.

Reserve a seat → workbehindtheluck.com/events
Example257 chars
Build Night is tomorrow, 7:00 PM.
Coworking room, Angeles City + online.

4 seats left.

Bring one thing you want to work on. If you cannot make it, cancel on the site so someone on the waitlist gets your seat.

Reserve a seat → workbehindtheluck.com/events
Event reminder
Event reminderDownload ↓
1200 × 630 · PNGSame template as the announcement with a reminder kicker and seats-left emphasis. Post 24h before.
11

Event recap

all

Proof that work happened. Track behavior, not vanity: people, commitments, projects improved.

Template505 chars
[EVENT FORMAT] #[NUMBER] recap.

[PEOPLE] people in the room and online, [FIRST-TIMERS] of them first-timers.
[COMMITMENTS] next steps named for the week.
[PROJECTS] projects moved forward.

The lesson: [LESSON TITLE]. The one takeaway: [ONE LINE].

What got built or unblocked: [2 TO 4 SHORT LINES, MEMBERS NAMED ONLY WITH CONSENT].

One thing we will do better next time: [HONEST IMPROVEMENT].

Next [EVENT FORMAT]: [DATE]. Reserve a seat → workbehindtheluck.com/events

[Photos shared with permission.]
Example721 chars
Build Night #3 recap.

11 people in the room and online, 4 of them first-timers.
11 next steps named for the week.
7 projects moved forward.

The lesson: writing a README before you write the code. The one takeaway: if you cannot explain it in ten lines, you are not ready to build it yet.

What got built or unblocked: a deploy that had been failing for two weeks finally went green. A resume got rewritten around outcomes. Two people paired on a spreadsheet automation and finished it in the room.

One thing we will do better next time: the online audio was rough for the first 15 minutes. New mic is ordered.

Next Build Night: Thursday. Reserve a seat → workbehindtheluck.com/events

[Photos shared with permission.]
Event recap — ledger
Event recap — ledgerDownload ↓
1200 × 630 · PNGFields: people, commitments, projects, nextDate. Real numbers, however small.
12

Resource or opportunity

facebook · x · devto

Share a job, internship, real problem, tool, or guide. Specific, with who it is for and what to do.

Template265 chars
[RESOURCE OR OPPORTUNITY]: [NAME].

Who it is for: [AUDIENCE, 1 LINE].
What it is: [2 SENTENCES, PLAIN].
Why we are sharing it: [HOW IT CONNECTS TO MEMBER WORK, 1 LINE].
What to do: [THE CONCRETE ACTION AND DEADLINE IF ANY].

[LINK]

Know someone it fits? Tag them.
Example538 chars
Opportunity: junior QA role at a logistics company in Clark.

Who it is for: someone with one or two real test projects to show, even small ones.
What it is: full-time, on-site, hiring manager is a friend of the community and asked us to share. They care more about how you think than your years.
Why we are sharing it: three of you have been building exactly this kind of portfolio at Build Night.
What to do: send your portfolio link and two sentences about a bug you found to [EMAIL] by Friday.

[link]

Know someone it fits? Tag them.
X post graphic
X post graphicDownload ↓
1600 × 900 · PNG16:9 post image: kicker + headline + URL.
13

Community challenge

all

A short, finishable challenge with a clear output and a place to post it.

Template310 chars
[CHALLENGE NAME]: [DURATION].

The challenge: [ONE SENTENCE, CONCRETE OUTPUT].

Rules:
1. [RULE]
2. [RULE]
3. Post your result in the group with #[HASHTAG].

Why: [ONE LINE ON THE SKILL OR HABIT THIS BUILDS].

Starts [DATE]. We will show the results at [EVENT / DATE].

In? Comment "in" and what you will make.
Example530 chars
Work in Public Challenge: 7 days.

The challenge: post one screenshot of real progress every day for a week. Ugly is fine. Unfinished is the point.

Rules:
1. Real work only, no mockups of what you plan to do.
2. One line on what changed since yesterday.
3. Post your result in the group with #WorkBehindTheLuck.

Why: the habit of showing work before it is perfect is the one that makes opportunity able to find you.

Starts Monday. We will show the results at Build Night next Thursday.

In? Comment "in" and what you will make.
Portrait post — kicker + headline + body + CTA
Portrait post — kicker + headline + body + CTADownload ↓
1080 × 1350 · PNG4:5 portrait — the best-performing feed size on IG and FB. Key content stays inside the centre 3:4 for the IG grid crop.
14

Member success story

all

A longer result story that shows the work, not the headline. Always framed as not-an-overnight story.

Template549 chars
This is not an overnight success story. Here is the work, feedback, iteration, and follow-through behind the result.

[MEMBER NAME, WITH CONSENT] [THE RESULT, ONE LINE].

Where they started: [HONEST STARTING POINT].

What they did, in order:
1. [STEP]
2. [STEP]
3. [STEP]
4. [STEP]

What almost stopped them: [THE SETBACK].

Who helped: [PEOPLE OR ROLES, WITH CONSENT].

How long it took: [REAL TIMEFRAME].

In their words: "[QUOTE, APPROVED]"

People may call the outcome luck. This is the work behind it.

[Shared with [MEMBER NAME]'s permission.]
Example1088 chars
This is not an overnight success story. Here is the work, feedback, iteration, and follow-through behind the result.

Jhen got her first paid freelance project last week.

Where she started: a bootcamp certificate, no portfolio, and a job search that had stalled for five months.

What she did, in order:
1. Came to Build Night with no project and picked one in the room: a booking form for a friend's salon.
2. Shipped a rough version in two weeks, then rebuilt the form after feedback from a member who does this for clients.
3. Wrote a one-page case study and posted it in the group.
4. Asked at Demo Night if anyone knew a small business that needed something similar. Someone did.

What almost stopped her: the first version broke on phones and she nearly quit the project.

Who helped: two members who reviewed the code, one who made the introduction.

How long it took: nine weeks.

In her words: "I kept waiting to feel ready. Showing up every week was the thing that made me ready."

People may call the outcome luck. This is the work behind it.

[Shared with Jhen's permission.]
Member spotlight
Member spotlightDownload ↓
1080 × 1080 · PNGFields: name, learning, canHelp, quote, photo (optional — initials avatar otherwise). Ask consent first.
02 — Shared graphics

Cross-platform exports: the link preview (also the site's OG image), generic post sizes, quote and tip formats, the carousel pair, the screenshot frame, and the diagram style.

ttf
Archivo Bold (font)Download ↓
TTFBrand typeface. Weights 400/600/700/800; Google Fonts serves the same family.
ttf
Archivo ExtraBold (font)Download ↓
TTFBrand typeface. Weights 400/600/700/800; Google Fonts serves the same family.
ttf
Archivo Regular (font)Download ↓
TTFBrand typeface. Weights 400/600/700/800; Google Fonts serves the same family.
ttf
Archivo SemiBold (font)Download ↓
TTFBrand typeface. Weights 400/600/700/800; Google Fonts serves the same family.
zip
Shared graphics (zip)Download ↓
ZIPEverything in the shared folder.
Diagram style — 5-pillar flow
Diagram style — 5-pillar flowDownload ↓
1200 × 675 · PNGReference for diagrams in articles: hairline boxes, amber arrows, Archivo labels. Reuse the look, not the content.
Link preview (Open Graph)
Link preview (Open Graph)Download ↓
1200 × 630 · PNGDefault link preview for the site, X and Facebook. Also the X/FB card image.
Portrait post — kicker + headline + body + CTA
Portrait post — kicker + headline + body + CTADownload ↓
1080 × 1350 · PNG4:5 portrait — the best-performing feed size on IG and FB. Key content stays inside the centre 3:4 for the IG grid crop.
Square post — belief line
Square post — belief lineDownload ↓
1080 × 1080 · PNGGeneric square post. Works on FB, IG, X. Swap the headline; keep the wordmark.
Quote / philosophy card
Quote / philosophy cardDownload ↓
1080 × 1080 · PNGBig quote + attribution. Use for voice lines from the plan, never for hype.
Screenshot frame (tutorials / DEV.to)
Screenshot frame (tutorials / DEV.to)Download ↓
1600 × 1000 · PNGNavy frame with window chrome. Drop the real screenshot into the slot; watermark stays bottom-right.
Step guide — carousel cover
Step guide — carousel coverDownload ↓
1080 × 1350 · PNGFirst slide of a how-to carousel. Pair with the slide template.
Step guide — carousel slide
Step guide — carousel slideDownload ↓
1080 × 1350 · PNGBig step number, one instruction per slide, progress line at the bottom.
Story — generic
Story — genericDownload ↓
1080 × 1920 · PNGVertical safe area: keep key text 250px from the top, 320px from the bottom, 120px from the right edge (TikTok action rail).
Educational tip — numbered
Educational tip — numberedDownload ↓
1080 × 1350 · PNGTIP 01 kicker, headline, three bullets, CTA. One idea per tip.
zip
Complete brand kit (zip)Download ↓
ZIPEverything under /brand — logos, fonts, every platform folder.