Five guides, one system. Read top to bottom on day one, then keep them open as you work.
This kit takes someone with great taste but no formal social-media experience and ramps them to running 33/44's Instagram, Facebook, and LinkedIn on their own in about a month. The five guides build on each other — each tab above is one open file. Click any card to jump in; every guide also has ‹ previous · next › links at the bottom, so you can read straight through.
Read them in this order the first time:
One line to keep on the wall: make content the right people want to save and share, post it consistently, talk to everyone who responds, and put a little money behind whatever already works.
The map — voice, pillars, the 4-week ramp, prompt templates
A four-week onboarding handbook for running Instagram, Facebook, and LinkedIn for 33/44. Language: English. Commitment: full-time. Goal: operational competence in 30 days — producing on-brand content, scheduling consistently, managing community, and running your first boosted post.
Read Section 1 first. It's the part no tool can teach you.
33/44 is a design studio, but it doesn't talk like one. The whole visual identity is built on a code-editor aesthetic — a signature styled like a signature.json file, the Dracula colour palette, JetBrains Mono type. That tells you everything about the voice:
33/44 is where precision meets beauty. We design interiors, architecture, and experiences the way good engineers write code — every detail considered, nothing decorative-for-decoration's-sake, systems that hold together. Recent work is serious: full hospitality and residential interiors at scale.
Voice rules
// comment-style aside or a developer metaphor lands — used sparingly, never forced.Avoid
The test for any caption: Could a competitor have posted this word-for-word? If yes, rewrite it until only 33/44 could have said it.
Every post should belong to one of these. Aim for a rough mix, not rigid rules.
You already scroll well. Now learn the machinery behind the feed.
Deliverables: brand-voice one-pager (your own words, building on Section 1) · competitor/reference audit · confirmed pillars.
The core skill of the job.
Deliverable: 6–8 finished posts, scheduled out across the platforms.
Consistency beats volume. A studio that posts twice a week forever beats one that posts daily for a month then vanishes.
Deliverable: live posting on a fixed schedule + a short "what's working" note.
Deliverable: a repeatable monthly system + one boosted post + a report template.
| Role | Visual portfolio | Credibility + leads | Reach / mirror |
| Best format | Carousels & Reels | Text + 1–4 images, short video | Carousels, links |
| Caption length | Short hook, then optional detail | Longer — tell the thinking | Medium |
| Tone | Tight, visual, confident | More substance, POV, expertise | Friendly, broad |
| Cadence | 3×/week + Stories | 2×/week | 2×/week |
| Hashtags | 5–10, specific | 3–5 | 2–3 |
Rule of thumb: Instagram shows the work, LinkedIn explains the thinking, Facebook spreads the reach. Never copy-paste the same caption to all three.
Paste these into Claude, fill the brackets, refine the output. Always edit the result — Claude drafts, your taste decides.
You are writing for 33/44, a Tbilisi design studio with a precise, design-literate,
slightly code-flavoured voice. No corporate buzzwords, no emoji spam.
Project: [name + type, e.g. "boutique hotel lobby, Batumi"]
Key facts: [2–4 facts — materials, the constraint solved, the idea]
I have these renderings/images: [describe them]
Write an Instagram carousel:
- Slide 1: a hook (max 8 words) that makes someone stop scrolling
- Slides 2–5: one line each, building the story of the design
- Caption: 2–3 sentences in 33/44's voice + 6–8 specific hashtags
Same brand and voice as above (33/44, precise, design-literate, no buzzwords).
Project: [name + type]
The interesting design problem: [the constraint or challenge]
How we solved it: [the move]
Write a LinkedIn post that explains the *thinking*, not just shows the result.
~120–180 words, confident first person, ends with a subtle invitation to engage.
Then 3–5 hashtags.
Brand: 33/44, design studio, precise + design-literate voice, English.
Describe this rendering: [describe it]
Write 3 caption options (short, medium, with-a-dry-aside) + one hashtag set of 6.
Brand: 33/44. Write a 15–20 second Reel script for [project/topic].
Give me: on-screen text per beat, a one-line spoken/voiceover, and a caption.
Keep it visual-first and confident.
Here's a caption I drafted: [paste]
Rewrite it 3 ways in 33/44's voice — tighter, more POV, more playful.
Tell me which you'd pick and why.
Brand: 33/44. Content pillars: project reveals, process & detail, studio & people, point of view.
Here are the projects/assets I have this week: [list]
Give me 7 post ideas mapped to pillars and platforms, with a one-line angle each.
By day 30 she should be able to, without hand-holding:
What keeps developing after month one (and that's normal): paid ads depth, real audience-growth strategy, and a sharper instinct for what converts followers into client conversations. The month builds the engine — the next two months tune it.
The course — the why and the how, end to end
The complete course. This goes underneath the Starter Kit: the Kit is the map, this is the ground you actually walk. It assumes you know nothing about managing social accounts yet — only that you understand feeds as a user. By the end you'll understand the job, not just the buttons.
Work through it in order. Don't rush Part 1 and Part 2 to get to the doing — the people who skip the "why" stay forever stuck doing busywork that doesn't grow anything.
The job is not "post nice pictures." Posting is maybe 20% of it. A good social media manager runs a small machine with four moving parts:
The mindset shift that turns a "scroller" into a "manager": you stop consuming the feed and start reverse-engineering it. When a post stops your thumb, you ask why. The hook? The first frame? The pacing? That instinct — which you already have as a heavy user — is the rare part. Everything else in this manual is learnable in weeks.
What separates good from average:
You can't grow an account you don't understand. Here's the machine, simplified but accurate for 2026.
The core idea: every platform wants to keep people on the platform. So it shows each person the content most likely to make them stop, watch, react, and stay. Your job is to make content the algorithm wants to push because it keeps people engaged.
What the algorithm measures (and you should optimise for):
Two truths about reach in 2026:
Social SEO — the newer lever. People increasingly search inside Instagram and LinkedIn ("Batumi hotel interior", "boutique hotel design"). So your captions and on-screen text should include the words people would search for. Write for humans first, but make sure the searchable words are in there.
Per-platform character:
This is the part nobody writes down. Here is the actual sequence on each platform. UIs shift slightly over time, but the flow is stable.
Habit to build: batch. Sit down once a week, make 5–8 posts, schedule them all. Then your daily job becomes engagement and monitoring, not panic-posting.
Every strong post has three layers:
Design everything at 1080px wide minimum, JPEG for photos, PNG for graphics/logos/text.
| Format | Size | Ratio |
|---|---|---|
| Instagram / Facebook feed (default) | 1080 × 1350 | 4:5 portrait |
| Square (safe everywhere) | 1080 × 1080 | 1:1 |
| Reels / Stories / vertical video | 1080 × 1920 | 9:16 |
| LinkedIn single image (landscape) | 1200 × 627 | 1.91:1 |
| LinkedIn square / carousel slide | 1200 × 1200 | 1:1 |
| LinkedIn document carousel | PDF, up to 100MB | — |
Crop safety: keep important elements (logos, text, key parts of a rendering) away from the edges. For vertical video especially, leave the top ~14% and bottom ~35% clear of text — that's where the platform overlays buttons and captions.
The 33/44 visual bar: the renderings and projects are the strength — let them breathe. Don't clutter them with graphics. When you add text (carousel titles, hooks), use the brand's restraint: clean type, lots of space, the code-editor sensibility. A post should look like 33/44 made it before anyone reads a word.
Claude is your drafting partner. It writes, your taste decides. Never post raw output — always edit. Here's the full loop, then a worked example.
Raw material you bring:
Project: boutique hotel lobby, Batumi. Facts: existing concrete structure couldn't be moved, so we designed around the columns instead of hiding them; warm timber + brushed brass against the raw concrete; lighting layered to make a tall cold space feel intimate. Image: wide rendering of the lobby at dusk, lamps on.
What you'd paste (Instagram carousel template):
You are writing for 33/44, a Tbilisi design studio with a precise, design-literate,
slightly code-flavoured voice. No corporate buzzwords, no emoji spam, no exclamation marks.
Project: boutique hotel lobby, Batumi
Key facts: existing concrete columns couldn't move, so we designed around them rather than
hiding them; warm timber and brushed brass against raw concrete; layered lighting to make a
tall, cold space feel intimate.
Image: wide rendering of the lobby at dusk with lamps on.
Write an Instagram carousel:
- Slide 1: a hook under 8 words
- Slides 2-5: one line each, building the story
- Caption: 2-3 sentences in 33/44's voice + 7 specific hashtags including searchable terms
Then you refine — ask for a tighter hook, swap a word that feels off, add the one human detail (e.g. "the brass was sourced locally"). The result sounds like the studio because you finished it.
Awareness = more of the right people knowing 33/44 exists and remembering it. Here's how content actually does that.
Awareness needs three jobs covered, every week:
A feed of only pretty renderings reaches but doesn't convince. A feed of only think-pieces convinces but doesn't reach. You need both, plus the human layer.
You can't improve what you don't watch. Check these — weekly for the pulse, monthly for the trend.
The five numbers that matter: 1. Reach / impressions — how many unique people saw you. The headline awareness metric. 2. Follower growth rate — steady climb = content is attracting new people consistently. 3. Engagement rate — (likes + comments + shares + saves) ÷ reach. Signals relevance and earns more reach. 4. Saves and shares — the high-value signals. Track which posts earn them and make more of those. 5. Brand search / profile visits — people looking you up = awareness is working beyond the feed.
Vanity vs value: a post with 500 likes and 2 saves is weaker than one with 150 likes and 40 saves. Chase saves, shares, and reach to new people — not just likes.
The weekly review (15 min): What were my top 2 and bottom 2 posts? Why? What will I do more / less of next week?
The monthly report (one page): reach, follower growth, top 3 posts, what changed, what you'll test next month. This is also how Magic can see the learning curve as numbers, not vibes.
A sustainable weekly routine once she's ramped:
The point of batching and scheduling is that the creative work happens in focused blocks, and the daily work becomes the human work — talking to people — which is exactly what the algorithm and the audience reward.
So "make a good social media manager" isn't a vibe — here's the ladder.
By Day 30 (operational): can post correctly on all three platforms; produces on-brand content with Claude; schedules a consistent week; replies and engages daily; reads basic analytics; ran one boosted post.
By Day 60 (capable): owns the content calendar a month ahead; consistently distinguishes high-save content from filler; runs paid boosts deliberately on proven posts; writes LinkedIn POV posts that get real engagement; reach and followers trending up month over month.
By Day 90 (leading): sets the monthly strategy herself; reports results and proposes what to test; builds and targets paid audiences with intent; the account has a recognisable voice and a growing, engaged community. At this point she's running 33/44's social presence, not just posting on it — which was the goal.
Make content the right people want to save and share, post it consistently, talk to everyone who responds, and put a little money behind whatever already works.
The do-this-now layer — step by step, week by week
Welcome. This is your step-by-step program for taking over 33/44's social media. It assumes you're starting fresh — that you've never managed a business account, scheduled a post, or run an ad. That's fine. It tells you exactly what to do, in what order, with real links and practice steps — and you'll practise everything on your own practice accounts first, before you ever touch the real 33/44 channels.
Read this alongside the companion documents: the Starter Kit (the map), the Training Manual (the why and how), and Making Content with Claude (the production guide — how to actually make the visuals). This document is the do-this-now layer.
Practising on test accounts is exactly the right instinct — but one rule protects you:
Never create a fake person. Meta (Facebook + Instagram) and LinkedIn all require real, authentic identities and will suspend accounts that use fake names or fake profiles. A banned practice account can also drag down any real account it gets connected to.
The safe way to practise: - Use your own real name and identity. - Create a practice Business Page on Facebook and a secondary/practice Instagram account, clearly named as a practice or personal-portfolio account (e.g. your name + "design notes"). A Page or a second IG account under a real person is 100% allowed — businesses and people legitimately run several. - Do not connect these practice accounts to the real 33/44 Business Manager. Keep practice in its own sandbox. - On LinkedIn, practise on your own personal profile (you already have one, or make one in your real name) — do not create a fake company. When you're ready, you'll be added as an admin to the real 33/44 Company Page.
In short: real identity, separate practice space, clearly labelled. That's compliant and safe.
Each week, do three things in this order: 1. Learn — a specific lesson or resource (links below). 2. Practise — the same skill on your practice accounts. 3. Do — apply it to the real 33/44 accounts, once you're comfortable.
Keep a simple log (a doc or notebook): date, what you did, what you learned, one question. It's how you'll see your own progress.
Goal: accounts exist, you understand the landscape, and you've made your first practice post.
Set up a practice Facebook Page: 1. Log in with your real Facebook account (or create one with your real name). 2. Go to facebook.com → Menu → Pages → Create new Page. 3. Name it as a practice page (e.g. "[Your name] — Design Practice"). Pick a category like "Design". 4. Add a profile photo, cover image, and a short "About". Publish.
Set up a practice Instagram Business account: 1. In the Instagram app → create a new account (or use a secondary handle) with a clear practice name. 2. Profile → menu (≡) → Settings → Account type and tools → Switch to professional account → choose Business. 3. Fill in bio, profile photo, contact button. 4. (Optional for practice, required later for the real account) connect it to the practice Facebook Page.
Set up Meta Business Suite (the control room): 1. Go to business.facebook.com. 2. Connect the practice Page (and practice IG if linked). 3. Explore the Planner and Insights tabs — don't post yet, just look around.
First practice post: - Post one simple image to the practice IG account manually (Training Manual Part 3 walks through the clicks). Then post one to the practice Facebook Page. The goal is just to remove any fear of the buttons.
Week 1 deliverables: practice accounts live with one post each · Meta Business Suite connected · 33/44 admin access confirmed · a one-page audit.
Goal: take a project and an image, produce a real post for each platform using Claude, and schedule it.
Week 2 deliverables: practice carousel made and posted · first real 33/44 batch drafted, reviewed, scheduled.
Goal: a steady posting rhythm, daily community habits, and your first read of the numbers.
Week 3 deliverables: consistent real posting live · daily community habit started · first "what's working" note.
Goal: understand paid amplification, run one small boost, and own next month's plan.
Week 4 deliverables: one real boosted post · self-built month-2 calendar · first monthly report.
You don't need to spend much, if anything. The free official training from the platforms themselves is more current and more practical than most paid courses. Money is best spent on structure and accountability, not information.
Free, and genuinely worth doing (start here): - Meta Blueprint (facebookblueprint.com) — free, official, the source of truth for FB/IG, with 100+ self-paced mini-courses. Non-negotiable, do this. (The certification exams cost around $99–150, but all the courses are free — you only need the free courses.) - HubSpot Academy — Social Media Marketing Certification (academy.hubspot.com/courses/social-media) — free, ~5 hrs, a real certificate for your CV and LinkedIn. Great strategy foundation. - LinkedIn Marketing Labs (training.marketing.linkedin.com) — free, official LinkedIn training and free certifications. - Canva Design School (canva.com/design-school) — free, the fastest way to learn to make on-spec visuals, with free certificates.
Worth a paid option, if you want a structured spine (pick ONE): - Meta Social Media Marketing Professional Certificate (Coursera) — the strongest beginner program available in 2026: a six-course, ~5-month program (at ~10 hrs/week) built by Meta, covering everything from establishing a presence to running paid ads across FB, IG, LinkedIn, YouTube, and TikTok, with a capstone portfolio piece and an industry credential. Cost is a Coursera subscription (often a free trial, then a monthly fee). It doubles as both a certificate and a structured curriculum, and the capstone is real portfolio work. - Udemy — fine for cheap, narrow, practical "how to use X" courses (often heavily discounted to ~$15–25). Good as supplements — e.g. a specific "Canva for social media" or "Meta Ads for beginners" course. Don't expect a coherent program; expect useful single-topic videos. Buy on sale, never at full price.
Probably not worth it right now: - Hootsuite certification (~$199) and DMI (~$2,060) — these are credential-polishing for people already working in the field, and overkill for a first month.
Suggested path: start on the free stack (Meta Blueprint + HubSpot + Canva) in Weeks 1–3, since it maps directly onto this program. The Meta Coursera certificate is a good parallel track for months two and three if you want a deeper, credentialed foundation.
Official platform training (free): - Meta Blueprint (free course catalog): https://www.facebookblueprint.com - Instagram for Business: https://business.instagram.com - Instagram Help — set up a professional account: https://help.instagram.com/502981923235522 - Facebook Pages: https://www.facebook.com/business/pages - Meta Business Suite: https://business.facebook.com - LinkedIn Pages guide: https://business.linkedin.com/marketing-solutions/linkedin-pages - LinkedIn Marketing Labs: https://training.marketing.linkedin.com
Free courses/certificates: - HubSpot Academy social media: https://academy.hubspot.com/courses/social-media - Canva Design School: https://www.canva.com/design-school
Paid structured certificate: - Meta Social Media Marketing Professional Certificate: https://www.coursera.org/specializations/facebook-social-media-marketing
Every day (~30–45 min): - [ ] Reply to all comments and DMs - [ ] 20 min engaging outward on other relevant accounts - [ ] Check scheduled posts went out / nothing's broken - [ ] Note one thing you learned
Every week: - [ ] One lesson/module from the week's resource - [ ] Practise the new skill on the practice accounts - [ ] Draft + schedule the real 33/44 posts (batch them in one sitting) - [ ] 15-min review: your top 2 and bottom 2 posts, and why
Every month: - [ ] Boost the best post (small budget) - [ ] Build next month's calendar - [ ] Write the one-page report
By the end of Week 4 you should be able to, without hand-holding: post correctly and safely on IG, FB, and LinkedIn; create on-brand content with Claude + Canva; schedule a consistent week; manage community daily; read basic analytics; and have run your first boosted post — having practised every risky step on your own accounts first. From there, the Training Manual's 30/60/90 ladder carries you toward leading 33/44's marketing.
Production guide — three paths from idea to posted graphic
This is your hands-on guide to actually producing social content with Claude — not just captions, but the visuals too: carousels, graphics, quote cards, the lot. It assumes you've never written a line of code, and you won't need to. Claude does the technical part; your job is to describe what you want, judge what comes back, and finish it with your taste.
There are two main ways to make a visual with Claude — plus a faster third option if you set up a connector. This guide teaches all of them, and — most importantly — when to use which. Read the "Which path?" section first; it's the thing that saves you the most time.
Path A — Claude builds the visual directly. You ask Claude to make the graphic, and it produces a finished SVG or HTML file. You open it, screenshot or export it, and post it. No Canva, no manual design. Fast, perfectly on-brand, repeatable.
Path B — Claude writes the plan, you build it in Canva. Claude gives you the copy, the slide-by-slide structure, and a layout brief. You then assemble it in Canva using a template, your photos, and renderings. Slower, but you get Canva's photo handling, drag-and-drop polish, and easy reuse.
A quick word on what these file types are (you don't need to master them, just recognise them): - SVG = a graphic made of shapes and text, defined in code. It stays razor-sharp at any size and is perfect for text-based visuals — quote cards, typographic carousel slides, the code-editor aesthetic 33/44 uses. It is not for photographs. - HTML = the language web pages are built from. Claude can produce a complete, styled HTML "card" that looks like a finished post, which you then screenshot. Good for richer layouts than SVG, and it can include photos. - Canva = a normal drag-and-drop design app. No code. Best when the post is photo-led (a rendering as the hero) or when you want to nudge things around by hand.
Ask one question: is this post mostly TEXT, or mostly PHOTO?
⚠️ The honest limit: in plain Claude chat, Claude cannot push a design straight into Canva — so the basic Path B always has a manual building step (Claude hands you the recipe, you build it). However, there's now a Canva connector for Claude that does bridge this gap automatically — that's Path C below. If you have it set up, the manual step largely disappears. If you don't, Path B is your reliable fallback and works on any plan.
This is the path people don't realise exists, and it's the one that makes you fast. For 33/44's text-driven, code-editor style, it's often better than Canva because it's pixel-consistent every time.
A single quote / principle card (Instagram 1080×1350):
Make me an Instagram post graphic as an SVG, sized 1080×1350.
Brand: 33/44, a design studio. Style: dark page background (#16181C) with a panel/card in
#282A36, JetBrains Mono font, the code-editor look — like a line from a config file. Clean,
lots of space, confident.
The text to feature: "[your quote or principle here]"
Add a small "33/44" mark in a corner. No clip-art, no decoration.
A typographic carousel (multiple slides):
Make me a 5-slide Instagram carousel as separate 1080×1350 SVG graphics.
Brand: 33/44, dark code-editor aesthetic (page background #16181C, panels #282A36, JetBrains Mono,
the signature green #0FFAB7 and pink #FF79C6 accents from our palette).
Slide 1 (hook): "[your hook]"
Slides 2–4 (one idea each): "[point], [point], [point]"
Slide 5 (close): "[closing line] — 33/44"
Keep every slide visually consistent so they read as a set.
A richer "post card" in HTML (when SVG feels too plain):
Make me an HTML graphic sized 1080×1350 for an Instagram post.
Brand: 33/44, code-editor aesthetic, dark background, JetBrains Mono.
Lay it out like a styled "signature.json" card: a label in pink, a value in green,
the link in cyan. Content: [what you want it to say].
Make it look finished — I'll screenshot it to post.
You change the design by talking, not coding. Useful phrases: - "Bigger / smaller headline." - "More breathing room around the text." - "Use our brand green for the accent instead." - "Center everything." - "Make a version in light mode too." - "Give me three variations of the layout so I can pick."
Use this when the post is photo-led — which, for a design studio, is most reveals and project posts. Here Claude is your art director and copywriter; Canva is your hands.
I'm building this in Canva. Give me a complete build brief for an Instagram carousel.
Brand: 33/44 design studio — precise, design-literate, code-editor aesthetic, dark backgrounds,
mono font, minimal. No buzzwords, no emoji spam.
Project: [name + type, e.g. boutique hotel lobby, Batumi]
Facts: [2–4 facts — materials, the constraint solved, the idea]
Image I'll use as the hero: [describe the rendering]
Give me:
1. The caption (2–3 sentences in 33/44's voice) + 7 hashtags including searchable terms
2. A slide-by-slide plan (how many slides, what each one shows)
3. The exact text for each slide (short)
4. Layout notes: what's the hero image slide, where text should sit, what to keep clear of edges
5. The Canva canvas size to start with
This is the newest and, once set up, the fastest option. A Canva connector links Claude directly to your Canva account, so Claude can generate a design and place it straight into Canva — no manual rebuilding, no screenshot.
People who've tested it report a carousel going from ~35–45 minutes down to roughly 8–12 minutes, prompt to exported PNG.
Don't worry about setting up Path C in Week 1. Start with Paths A and B so you understand the fundamentals, then add the connector once you're comfortable — that's built into the schedule (try it in Week 2–3).
Reading is one thing; watching someone make a carousel in Claude makes it click. These are recent, beginner-friendly walkthroughs. Because YouTube videos move and get renamed, each entry also has a search phrase — if a link is dead, paste the phrase into YouTube and pick a recent, well-viewed result.
Making carousels directly in Claude (Paths A & C): - "Claude AI Creates Instagram Carousels For You (No Design Needed)" — https://www.youtube.com/watch?v=gak1lXF77D8 · search: claude ai instagram carousel no design needed - "How to Create UNLIMITED Viral AI Carousels in Claude" — https://www.youtube.com/watch?v=QeV04PFPNck · search: create unlimited AI carousels in Claude - "How to Create VIRAL Instagram Carousels with Claude" — https://www.youtube.com/watch?v=hNoyOFdk7ig · search: viral instagram carousels with Claude HTML PNG - "Create Viral Carousels with Claude (for Free)" — https://www.youtube.com/watch?v=4O-fMaxdGAg · search: create viral carousels with Claude free
Connecting Claude to Canva (Path C): - Search YouTube for: how to connect Canva to Claude tutorial and create Canva designs inside Claude — pick a result from the last few months, as this feature is evolving quickly.
How to watch them (so it's useful, not a time-sink): 1. Watch once all the way through to see the shape of the workflow. 2. Watch a second time with Claude open, pausing to copy each step on your practice accounts. 3. Ignore anything that pushes a paid third-party tool you don't need — the core Claude workflow is what matters; the rest is usually the creator's own product.
Treat videos as demonstrations of the workflow, not as brand guides. The 33/44 look comes from this document, the Starter Kit, and the 33/44 Visual Style System reference (which has the exact colours, fonts, and signature components extracted from the studio's own work) — apply our dark code-editor aesthetic to whatever technique the video teaches.
The project: boutique hotel lobby, Batumi. The concrete columns couldn't be moved, so the design works around them — warm timber and brushed brass against raw concrete, layered lighting to make a tall, cold space feel intimate. You have one wide dusk rendering.
The reveal post (photo-led → Path B): Give Claude the build brief above. It returns a caption, a 5-slide plan (hero rendering → the constraint → the material move → a detail → the result), the text for each slide, and layout notes. You build it in Canva with the rendering as slide 1.
The follow-up "principle" post (text-led → Path A): A few days later, post a typographic card that captures the idea. Ask Claude (Path A) for a 1080×1350 SVG in the code-editor style with the line: "You don't hide the constraint. You design around it." — small 33/44 mark in the corner. Screenshot, post. Two posts from one project, two different paths, both on-brand.
This is the rhythm: photo reveals in Canva (Path B), idea/quote/stat cards straight from Claude (Path A). Together they fill a content calendar without you ever staring at a blank page.
| You're making… | Path | Tool |
|---|---|---|
| Quote / principle card | A | Claude → SVG, screenshot |
| Typographic carousel (text slides) | A | Claude → SVG set, screenshot |
| Stat / number callout | A | Claude → SVG or HTML, screenshot |
| Code-editor style "config card" | A | Claude → HTML, screenshot |
| Project reveal (rendering is hero) | B or C | Claude brief → Canva (manual), or Canva connector |
| Before / after | B or C | Claude brief → Canva, or connector |
| Detail shot with caption overlay | B or C | Claude brief → Canva, or connector |
| Rendering + clean text frame | A+B | Claude SVG frame → over photo in Canva |
| Fast, polished, photo-capable, daily workhorse | C | Canva connector (once set up) |
The whole guide in one line: text → let Claude build it (Path A); photo → let Claude plan it and build in Canva (Path B), or have the Canva connector do it for you (Path C).
The brand's look, extracted from the studio's own work
The brand's look, written down. This is extracted directly from 33/44's own work (the Calligraphy Towers proposal), so it's the real thing — not an approximation. Use it whenever you make a visual, and paste the "Claude prompt block" at the end straight into Claude so anything it builds comes out on-brand.
33/44's visual identity is a code editor. Posts should feel like you're looking at a beautifully-set config file or a developer's IDE — dark, precise, monospaced, with a few bright syntax-highlight accents. It's confident, technical, and quiet. Not loud, not decorative, no gradients-for-the-sake-of-it.
These are the exact values. Note the two things people usually get wrong: the brand green is a bright teal-green #0FFAB7 (not the standard "Dracula" green), and the page background is the near-black #16181C — the slightly lighter #282A36 is the panel/card colour that sits on top of it.
| Role | Hex | Notes |
|---|---|---|
| Page background | #16181C |
The darkest layer — the "desktop" behind everything |
| Panel / card background | #282A36 |
Cards, windows, the main content surface |
| Panel (secondary) / tab bar / code | #21222C |
Tab bars, code blocks, secondary panels |
| Primary text ("ink") | #F8F8F2 |
Off-white, easy on the eyes |
| Secondary text | #B6B8C4 |
Sub-labels, captions |
| Muted text | #6272A4 |
Timestamps, metadata, the dimmed :// operators |
| Hairline / border | #3A3D4F |
Dividers, panel edges |
| Hairline (faint) | #2C2F3D |
Very subtle separators |
| Dotted grid | #21232E |
The faint dot-grid backdrop |
Use these sparingly — one or two per graphic, like syntax highlighting picks out keywords. The green is the signature.
| Accent | Hex | Use for |
|---|---|---|
| Green (signature) | #0FFAB7 |
The 33/44 mark, key highlights, the "active" tab, links, the glowing status dot |
| Green (dark) | #077D5B |
Green on light backgrounds |
| Pink | #FF79C6 |
Tags, keywords, emphasis |
| Purple | #BD93F9 |
Secondary keywords, accents |
| Yellow | #F1FA8C |
Strings, warm highlights, one of the "traffic-light" dots |
| Red | #FF5555 |
Alerts, the red "traffic-light" dot |
| Role | Hex |
|---|---|
| Page background | #ECEDE8 |
| Panel / card | #FFFFFF |
| Tab / secondary | #EDEFEA / #F7F8F5 |
| Primary text | #16181C |
| Muted text | #6B6D66 |
| Green (used darker here) | #077D5B |
| Use | Font | Notes |
|---|---|---|
| Everything, by default | JetBrains Mono | The monospaced typeface that gives the code-editor feel. Body text, labels, values — all of it. Fallback: any ui-monospace / system monospace. |
| Display / big headlines (optional) | Archivo | A clean sans for large display moments; falls back to JetBrains Mono. Use rarely — the mono is the brand. |
| Georgian text | Noto Sans Georgian | Only when you need Georgian script. |
Sizing & rhythm: base body size around 15px, line-height 1.6, anti-aliased. Generous spacing. Let things breathe — empty space is part of the look.
These are the recurring visual motifs. Reuse them and posts will instantly read as 33/44.
The core container. A card with:
- Background #282A36
- A 1.5px solid green (#0FFAB7) border
- Border-radius 16px (soft, modern corners)
- A soft drop shadow beneath it
It looks like an application window floating on the dark desktop.
Across the top of the window, like a macOS app:
- Background #21222C
- Three 12px circles on the left: red #FF5555, yellow #F1FA8C, green #0FFAB7
- A tab "pill" — background #282A36, green text, bold, ~13px, with rounded top corners (7px 7px 0 0) and a 2px green top border. This is the "active file" tab.
- On the far right, a small muted ISO date (#6272A4, ~11px) — e.g. 2026-06-02
The page background isn't flat — it has a faint dot grid: tiny 1px dots in #21232E, on a 26px × 26px spacing, at low opacity (~55%). It reads like graph paper or an IDE canvas. Subtle, never busy.
For showing "data" (contact details, specs, a list styled as config):
- Background #21222C
- Border-radius 10px, 1px faint border
- ~13px JetBrains Mono, line-height ~1.85
- Apply the syntax-highlight logic: keys/labels in one accent, values in another, operators (:, ://, =) dimmed in muted #6272A4
"33/44" set in bold (800 weight), green #0FFAB7, letter-spacing ~1px. Small and confident, usually a corner.
#16181C, cards = #282A36. Never a white background unless you've deliberately chosen the light theme.key: value layouts — these are what make it unmistakably 33/44.When you ask Claude for any Path A visual (SVG/HTML), paste this so it comes out on-brand automatically. Edit only the bracketed parts.
Make me an Instagram post as an SVG, sized 1080×1350, in the 33/44 visual style.
33/44 VISUAL STYLE (follow exactly):
- Aesthetic: a code editor / IDE. Dark, precise, monospaced, confident, lots of space.
- Page background: #16181C. Card/panel background: #282A36. Tab bar / code blocks: #21222C.
- Text: off-white #F8F8F2 primary, #B6B8C4 secondary, #6272A4 for muted metadata/operators.
- Accents (use 1–2 only): signature green #0FFAB7 (the hero), pink #FF79C6, purple #BD93F9,
yellow #F1FA8C, red #FF5555.
- Font: JetBrains Mono for everything. ~15px body feel, line-height ~1.6.
- Optional signature touches: a "window" card with a 1.5px green (#0FFAB7) border and 16px
rounded corners; a macOS-style title bar with red/yellow/green traffic-light dots and a green
"active tab" pill; a faint 1px dot-grid background (#21232E, 26px spacing); a small bold green
"33/44" mark in a corner. Style any data as a code/JSON block with key: value and dimmed operators.
THE CONTENT FOR THIS POST:
[your headline / quote / stat / slide text here]
For a carousel, change the first line to: "Make me a 5-slide Instagram carousel as separate 1080×1350 SVG graphics, in the 33/44 visual style below…" and then list the text for each slide.
// 33/44 social media onboarding — five guides, one system. precision meets beauty.