Skip to content
Brand guidelines · Social media

The same face in every feed.

These guidelines translate the tikuma.net design to Instagram, TikTok, LinkedIn, and WhatsApp: rules for the logo, colour, type, graphic elements, mascots, templates, and how we write.

for the design team & social media admins

One-minute summary

If you only read one part, read this.

Main colours

  • Ink#0E1433
  • Indigo#4B3BFF
  • Marker#FFE15A
  • Paper#FFFFFF

Type

  • Plus Jakarta Sans
  • IBM Plex Mono
  • Nanum Pen Script

Canvas

  • Feed & carousel · 1080 × 1350
  • Story, Reels, TikTok · 1080 × 1920
  • Feed safe margin · 80 px

Golden rules

  1. 1One marker highlight per design.
  2. 2The logo stamp is always tilted and never altered.
  3. 3Every post gives one reason to feel confident, and that reason can be checked.

Brand essence

Technology you understand and own.

All our content starts from the promise the tikuma.net homepage makes, a website you're proud to send. That confidence comes from understanding how it works and owning every file and login. In each post, machine ink shows the proof and human ink shows the people who explain it.

Positioning
A tech agency in Jakarta for design, web, and apps that make their owners proud.
Tagline (never translated)
Pede kirim link. (Indonesian for 'proud to send the link')
Audience
Small business owners and corporate teams who want a digital partner they can talk to.
Proof on tikuma.net
Weekly progress updates · briefs answered in 1 working day · every file owned by the client · top performance scores

human ink

  • Handwriting for notes and people’s names
  • A yellow marker on one keyword
  • Stamp & initials as a "checked" sign
  • Sketches, sticky notes, tape, polaroids

Machine ink

  • Tight Plus Jakarta Sans ExtraBold
  • Mono labels for categories, files, and times
  • Grid paper as the background
  • Chips, badges, pill buttons, indigo

Every design uses both: structure from machine ink, then one or two touches of human ink. Without human ink a post feels cold; with too much it feels messy.

Colour

Ink, Indigo, Marker, Paper.

Four main colours, identical to this site. Supporting colours are only for soft backgrounds and illustration details.

  • Ink

    #0E1433
    RGB 14 20 51

    Main text, dark backgrounds, WhatsApp button, series labels.

  • Indigo

    #4B3BFF
    RGB 75 59 255

    Action & technology: buttons, links, badges, the second line of a headline.

  • Marker

    #FFE15A
    RGB 255 225 90

    Human emphasis: highlights, stickers, tape, numbers on dark backgrounds.

  • Paper

    #FFFFFF
    RGB 255 255 255

    Main background, almost always with a thin 6% Ink grid.

Supporting colours

  • Lavender #EEEAFEEducation series backgrounds, soft cards.
  • Soft indigo #DCD8FFMascot circles, illustrations.
  • Mint #E3F6EECase study backgrounds, sticky notes.
  • Fog #F2F4F7Testimonial backgrounds, neutral blocks.
  • Deep marker #F5C400Illustration details. Never for text.
  • Soft ink #1C2450Cards on an Ink background.
  • Muted ink #4A5170Secondary text, mono labels.
  • Graphite #474C5AHandwriting on light backgrounds, initials.

Colour share across a feed

  • Paper & Fog 55%
  • Ink 20%
  • Indigo 10%
  • Marker 8%
  • Mint & Lavender 7%

Text & background pairs (WCAG contrast)

  • AaInk on Paper18 : 1AAA
  • AaPaper on Ink18 : 1AAA
  • AaInk on Marker13.9 : 1AAA
  • AaMarker on Ink13.9 : 1AAA
  • AaPaper on Indigo6.2 : 1AA
  • AaIndigo on Paper6.2 : 1AA
  • AaIndigo on Lavender5.3 : 1AA
  • AaMarker on Indigo4.8 : 1AA
  • AaIndigo on Ink2.9 : 1Don't
  • AaMarker on Paper1.3 : 1Don't

Typography

Three typefaces, three roles.

Plus Jakarta Sans to speak, IBM Plex Mono to take notes, Nanum Pen Script to say hello. All three match this site and are free on Google Fonts.

  • Machine ink · headlines & body

    Pede kirim link.

    Plus Jakarta Sans

    Headlines ExtraBold 800, letter spacing −4%, line height 0.95. Subheads Bold 700. Body Medium 500 or Regular 400.

  • Machine ink · labels

    Web development · project-brief.pdf 09:12

    IBM Plex Mono

    Medium 500, uppercase, letter spacing +8%. For categories, series names, file names, times, and slide numbers.

  • Human ink · notes

    we check it before you send it

    Nanum Pen Script

    Regular 400, tilted −2° to −4°. Graphite on light backgrounds, Marker on dark ones.

Type scale on a 1080 px canvas

RoleTypefaceSizeLine heightLetter spacingRule
Big numberJakarta 800260–300 px0.85−5%One number + a small unit.
HeadlineJakarta 80090–112 px0.95−4%Max 8 words, sentence case, ends with a full stop.
SubheadJakarta 70056–68 px1.05−3%Carousel content slides & Stories.
BodyJakarta 50032–36 px1.450Max 30 words per slide.
LabelPlex Mono 50022–24 px1.25+8%Uppercase, max 5 words.
Handwritten noteNanum Pen 40048–60 px0.92+1%Max 10 words. Client quotes up to ±25 words.
Video subtitleJakarta 70044–48 px1.2−1%Max 2 lines, inside the safe area.

Layout rules

  • Left-aligned. Centre only on end cards and Reels covers.
  • One headline, one marker. The second line may be indigo for the outcome or technology side.
  • Numbers as digits: 1.2 s · 3 wks · 1 working day.

Avoid

  • All-caps or outlined headlines.
  • Handwriting for long paragraphs or prices.
  • Substitute fonts such as Poppins, Montserrat, or other handwriting fonts.

Download all three at fonts.google.com (SIL Open Font License). In Canva, add all three to the Brand Kit so the whole team uses the same files.

Graphic elements

Hand touches on a tidy structure.

Every element below is used on this site. Use at most two human-⁠ink elements per design so it stays personal without looking busy.

  • MarkerHuman ink

    One keyword or phrase per design. Slightly tilted, never a perfect box.

  • Note & arrowHuman ink

    A short comment from the team, always pointing at something.

  • StampHuman ink

    For claims we can stand behind: CLIENT-OWNED, APPROVED, SOON.

  • InitialsHuman ink

    A signature line under a person’s name. Closes a message from the founder or team.

  • Sticky note & tapeHuman ink

    For client quotes. Rotate colours: Mint, Marker, Lavender.

  • PolaroidHuman ink

    For team photos, mascots, and work. Tilted 2–4°, soft shadow.

  • Grid paperMachine ink

    Default background. On a 1080 px canvas: 54 px cells, 6% Ink lines.

  • Mono labelMachine ink

    Category, series name, file name, time, slide number. Always short.

  • ChipMachine ink

    Series names on carousel covers and build labels. Ink background, white mono text.

  • BadgeMachine ink

    Short status such as SOON. 10% indigo with indigo text.

  • Pill buttonMachine ink

    One call to action per design. Indigo, or Ink for WhatsApp.

  • Browser frameMachine ink

    To show websites: three dots and a mono URL on a soft coloured background.

  • Line iconsMachine ink

    This site’s icon set: 24 px grid, 1.75 px stroke, round ends. No emoji.

  • Corners & shadowsMachine ink

    Cards 20 px radius, blocks 28 px, pill buttons. Shadows only for "physical" objects.

Icons & UI elements

Everything used on tikuma.net.

The full list of icons, hand-⁠drawn marks, components, section blocks, and style classes on this site, named exactly as in the code. Use it so social posts and the site share the same materials.

Line icons 32

All icons come from one set: 24 px grid, 1.75 px stroke, round ends, coloured by the text. Component: ui/Icon.astro.

  • arrow-rightCall-to-action buttons (Start a project, See all work) & form submit
  • arrow-up-rightExternal links & case study cards
  • arrow-downJump to a form or section, download files
  • arrow-upBack to top in the footer
  • searchSearch field on the work page
  • arrow-leftBack to all articles
  • chevron-downServices menu in the header, show more testimonials
  • menuOpen the mobile menu
  • closeClose the menu, "don’t" marks
  • checkBullet lists, deliverables, completed steps
  • plusExpand an FAQ answer
  • playPlay the homepage hero animation (HeroLoop)
  • pausePause the homepage hero animation (HeroLoop)
  • refreshReload on the error page
  • copyCopy the email address and HEX codes
  • mailEmail office@tikuma.net
  • chatWhatsApp, guide articles, Landing page type
  • pinAddress in the footer & contact page
  • calendarProgram dates & booking calls
  • cameraPlaceholder for missing team photos
  • user"Team" highlight on social profiles
  • penDesign Service, process articles
  • codeWeb Development, Development stage
  • phoneApp Development, Launch stage
  • chartAds Service
  • botAI Marketing service
  • cpuWhat the AI does in the AI Marketing product (homepage services tab), Web app & system type
  • pencilTeam marker: the team’s notes & decisions
  • globeAnswer source in the AI assistant view (homepage SEO section), Company profile type
  • sparklesOnly on the prompt.txt label in the CSR Program form
  • grid"Services" highlight on social profiles, Online store type
  • help"FAQ" highlight on social profiles

Hand-drawn marks 11

  • underlineHeadline underline & initials
  • circleCircle mark on the call-to-action block
  • arrow-leftNote arrow pointing left (desktop)
  • arrow-rightNote arrow pointing right, "swipe"
  • arrow-upNote arrow on mobile (note sits below)
  • arrow-up-leftAngled note arrow on mobile
  • arrow-downArrow down to a button or form
  • arrow-left-downCurved arrow pointing down
  • checkHand-drawn tick
  • strikeStrike-through on discarded options
  • waveWavy line, process track

UI components

  • Button

    Pill buttons: primary, secondary (Ink), ghost, light, outline-light, outline-dark.

  • Badge

    Small status: SOON, neutral, and a dark version for the footer.

  • SampleTag

    Taped "illustration" label for content that isn’t real yet.

  • DemoCursor

    Demo cursors: people (marker + handwriting) and technical labels such as "build" (indigo + mono).

  • CritterAvatar

    Little critter avatars for testimonials without a logo, unique per client.

  • Breadcrumbs

    Page trail on detail pages.

  • Logo

    Wet-stamp logo in the header; optional tagline & an 8-second re-stamp animation.

  • LogoStamp

    Horizontal stamp + "tech consultant" signature in the footer.

  • Mascot

    Tiku: in the FAQ, Coming soon, call-to-action block, and 404 page.

  • BotAvatar

    Team avatars: stamp, brush, visor, signal.

  • Scribble

    Hand-drawn SVG marks that draw in when visible.

  • SelectMenu

    Site-styled option menu (replaces the native dropdown) with full keyboard support; work filter.

  • SectionHeading

    Eyebrow, headline with one marker, and description.

CritterAvatar: every character

Testimonial avatars for clients without a logo. Each character is picked from the client’s business name, so every client gets their own that never changes: 6 shapes × 8 colours × 4 eyes × 4 mouths × 4 accessories, 3,072 combinations.

They all move as on the site: floating at a random 3–5 second tempo, blinking, the sprout’s leaf swaying, and wiggling when their card is hovered. Motion pauses off screen and when visitors prefer reduced motion.

Shapes

  • blob
  • square
  • cat
  • bear
  • sprout
  • ghost

Colours (background · body)

  • lavender · primary
  • fog · marker
  • mint · ink
  • primary-soft · paper
  • marker · primary-soft
  • ink · marker
  • mint · primary
  • lavender · marker-deep

Eyes

  • dots
  • happy
  • wink
  • big

Mouths

  • smile
  • o
  • cat
  • grin

Accessories

  • none
  • blush
  • bow
  • glasses

Client avatars on the testimonial board · 12

hover a card to see it wiggle

  • Tukangbangunjogja.id
  • Tarucraft
  • Yayasan Rumpun Nurani
  • Serasa Catering
  • Flow Nail Art
  • #ConnectToCare
  • Summer Rental
  • waajo.id
  • Ardi Wijaya & Co
  • Yayasan Azza Kreativa Islami
  • Akomologi Project
  • Memayu Tour and Travel

Section blocks

PageHero
Inner page hero: eyebrow, marked headline, handwritten note.
CtaBand
Marker-coloured call-to-action block at the end of pages, with Tiku.
FaqList
Expandable questions and answers.
ProcessSteps
Five process steps with a "You are here" cursor.
WebsiteTypes
Website types list (icon, summary, timeline, price) on Web Development and the website type pages.
PriceCard
Taped "starting from" price card with what is included.
HeroLoop
Looping hero animation: sketch → build → launch checks → Tiku stamp → link sent, with the team bots.
ServiceVisual
Illustration per service, with demo cursors on large visuals.
TeamGrid
Team polaroids with bot avatars.
Testimonial board
Tilted, taped sticky notes with "See all".
Standard on every site
Homepage, five sections: Lighthouse score card + rerun, screen switcher, Google / AI assistant, bot attack test, CMS picker.
WhatsAppButton
Floating WhatsApp button in the bottom-right corner.
CookieConsent
Cookie consent banner.

Style classes

.eyebrow
Small mono label above headlines
.machine
Machine-ink mono text: labels, metadata
.hand
Human-ink handwriting
.mark
Marker highlight behind text
.bg-grid
28 px grid paper
.taped
Tape on top of a card or photo
.polaroid
Tilted photo frame that straightens on hover
.block-rounded
Rounded colour block (Fog, Ink, Mint, Marker)
.h-display · .h-section · .h-section-md
Headline scale: display, section, narrow column
.lead
Intro paragraph
.container-site
Content width up to 80rem with side margins

Mascots

The team behind the project, as bots.

Every team member appears as a bot that stands for a real person. On social media the bots front the content series. Tiku, the stamp with eyes, joins FAQs and announcements.

  • Uki

    Founder & Strategy

    Founder Notes: business stories and strategy

  • Kiro

    Lead Designer

    Kiro’s Notes: design and UI/UX tips

  • Kana

    Lead Engineer

    Kana’s Code: technical, speed, and security tips

  • Afa

    Project Manager

    Afa’s Update: project progress and process

Tiku: four poses you can use

  • Curious

    The default. Its eyes follow the cursor on the site.

  • Happy

    Project launches, testimonials, thank-yous.

  • Asleep

    Coming soon, holidays, outside working hours.

  • Asking

    FAQs, Q&A, Story quizzes.

Do

  • One character per content series.
  • On a polaroid, on its own colour circle, or on grid paper.
  • As a small sticker next to the real person’s photo.

Don't

  • Change body or circle colours, or props (Kiro’s pencil, Kana’s </>, Afa’s antenna).
  • Invent new poses or expressions.
  • Use a mascot to stand in for a client or testimonial.
  • Go smaller than 160 px on a 1080 px canvas.

Formats & safe areas

Two canvases for every channel.

Every design starts from a 4:5 portrait for feeds or a 9:16 frame for Stories, Reels, TikTok, and WhatsApp status. Other sizes derive from these two.

ChannelFormatSize (px)RatioNotes
InstagramFeed & carousel1080 × 13504:5Main canvas. Carousels of 5–8 slides.
InstagramStory & Reels1080 × 19209:16Reels cover title in the central 1080 × 1440 area.
InstagramProfile photo1080 × 10801:1Shown as a circle. Use the stamp icon.
TikTokVideo1080 × 19209:16Keep the right 160 px clear for buttons.
LinkedInPost & PDF carousel1080 × 13504:5Reuse Instagram feed assets.
LinkedInProfile banner1584 × 3964:1The bottom left is covered by the profile photo.
WhatsAppStatus1080 × 19209:16Same as Stories.
Feed 4:5. All text and the logo sit inside the dashed line. The Instagram profile grid crops about 34 px on the left and right.
Story 9:16. The top 250 px and bottom 340 px are covered by the app interface. For TikTok, also keep the bottom-right 160 px clear.

Post templates

Nine feed templates, three Story templates.

Each template has one job. Choose by the message you want to send, then fill it with real content. The examples below use data from this site.

  • Statement

    Working principles, opinions, short announcements. One marker, one note.

    How we workGrid paper

  • Number

    One fact or service promise we can prove. Marker-coloured number.

    How we workInk

  • Case study

    Client work with one highlighted result, inside a browser frame.

    WorkMint

  • Client voice

    Client quotes as written, with permission. Brand name and role always included.

    Client voiceFog

  • Carousel cover

    Step-by-step tips from the team. Series name, slide number, and the series bot.

    EducationLavender

  • Call to action

    Invite people to start a project. One button, one true promise, no fake countdowns.

    Call to actionMarker

  • Meet the team

    The people behind the project. Real photos when available, bots alongside.

    TeamGrid paper

  • Sketch → build

    A sketch and its finished build in one frame. Strongest as a Reel with a wipe transition.

    WorkPaper

  • Coming soon

    New services. A full indigo background at most once in nine posts.

    Call to actionIndigo

Stories & Reels covers (9:16)

  • Behind the scenes

    A first draft, then the team’s decisions marked on it.

  • Q&A

    Answers from the process data on this site. Tiku in the asking pose.

  • Progress update

    The five-step process with a "You are here" sticker.

Carousel anatomy

  1. 01 · CoverSeries name, slide number, bot, headline with one marker.

  2. 02 · ContentOne idea per slide. Numbers in a hand-drawn circle.

  3. 03 · ContentA simple visual example. Max 30 words.

  4. 06 · ClosingOne call to action and the logo. No new tips.

Profile & highlights

A profile people recognise instantly.

The profile photo, bio, highlights, and banner are the first things a prospective client sees. Keep them identical on Instagram, TikTok, LinkedIn, and WhatsApp Business.

TIKUMA · Websites & Apps

Pede kirim link.
Websites, apps & design from Jakarta.
Progress updates every week.
Briefs answered in 1 working day ↓

tikuma.net

  • Services
  • Work
  • Process
  • Clients
  • Team
  • FAQ

Bio: 118 of 150 characters

Profile rules

  • The profile photo is always the stamp icon: Marker on Ink, with the stamp at about 70% of the circle’s diameter.
  • The display name includes words people search for, such as "Websites & Apps".
  • A four-line bio: tagline, services, how we work, our promise. Link to tikuma.net.
  • Highlight covers use this site’s line icons on a palette-coloured circle, with a one-word label.

LinkedIn banner (1584 × 396)

Content pillars

What we post, and how often.

Six pillars and their share. Work and education get the most space because they help prospective clients decide the most.

  • Work30%

    Case studies, sketch → build, website demos.

    “online booking with schedules and cost estimates”

    Case studySketch → build

  • Education25%

    Design, web, and app tips for business owners, without jargon.

    “5 signs your website design needs a rethink”

    CarouselQ&A

  • How we work20%

    Our process, behind the scenes, and service promises.

    “Code, design, logins. It’s all yours.”

    StatementNumberStory

  • Client voice10%

    Real client testimonials, with permission.

    “Easy to talk to.”

    Client voice

  • Team10%

    Meet the people behind the project.

    “Kana reviews every line of code”

    Meet the team

  • News & calls to action5%

    New services, waitlists, consultation invites.

    “Our next services are on the way.”

    Call to actionComing soon

Weekly rhythm (starting point)

DayFeedStories
MondayEducation: a Kiro’s Notes or Kana’s Code carouselPoll on this week’s topic
WednesdayWork: a case study or a sketch → build ReelBehind the scenes of a project
FridayRotating: how we work, client voice, or teamQ&A
Other weekdaysOptional1–3 Stories: progress updates, client reposts, call-to-action reminders

Review every 4 weeks, mainly by saves, shares, and incoming WhatsApp chats. Likes are a secondary number.

TIKUMA9 latest posts

Profile grid example

Grid rules

  • Each row has at most one dark background (Ink or Indigo) and one Marker background.
  • Two posts with the same background never sit next to each other, across or down.
  • Each row has at least one Paper or soft-background post so the feed stays light.
  • Plan nine posts at once and check the grid before the first one goes live.

Voice & captions

Talk like a team you can chat with.

Our tone follows this site: honest, patient, and concrete. Our readers are busy business owners, so we keep it short and free of jargon.

  • Honest

    If an idea doesn’t fit, we say so and explain why.

    "You don’t need this feature yet. Let’s start with booking."

  • Patient & warm

    Technical terms are explained in everyday language.

    "Hosting is your website’s home on the internet."

  • Concrete

    Use numbers and results people can check, and go easy on adjectives.

    "The page loads in 1.2 seconds."

  • People first

    Say who did the work and the reason behind the decision.

    "Kiro kept to one accent colour so the order button is easy to find."

Language rules

  1. 01Address readers as "Anda" in Indonesian and "you" in English. Refer to ourselves as "we".
  2. 02Relaxed, polite Indonesian. English terms only for service names.
  3. 03Short sentences, around 20 words at most. One paragraph, one idea.
  4. 04Write numbers as digits: 3 weeks, 1.2 seconds, 1 working day.
  5. 05At most two emoji per caption, never in the first line. None in designs except real client quotes.

Use and avoid

UseAvoid
weekly progress updatestransparent and professional
code, design, and logins you ownthe best, most complete digital solution
an estimate within one working daythe cheapest in Indonesia
a website that brings in leadsrevolutionary, cutting-edge, guaranteed viral
we’ll help you choosehurry, limited slots (when untrue)
Start a project · Chat on WhatsAppCLICK THE LINK IN BIO NOW!!!

Caption formula: hook → body → proof → call to action → hashtags

Hook
WhatsApp promos can go out on schedule, without holding your phone.
Body
For waajo.id we built a website that explains broadcast and chatbot in the language of business owners.
Proof
“I'm a site guy, I know nothing about websites. They explained it slowly until I got it. Now when someone wants to see our work, I just send them the link.” Brand Owner, Tukangbangunjogja.id
Call
Need a similar website? Tell us on WhatsApp. We reply within one working day.
Tags
#TIKUMA #WebDevelopment #BusinessWebsite #SmallBusiness

Hashtags

Brand · always

#TIKUMA#PedeKirimLink

Service · pick 1–2

#JasaPembuatanWebsite#JasaPembuatanAplikasi#DesainUIUX

Audience · pick 1

#UMKMIndonesia#BisnisJakarta

3–5 hashtags in total, at the end of the caption.

Standard calls to action

Start a projectChat on WhatsAppSee our workJoin the waitlist

Supporting line: "Tell us what you need. We reply with a recommendation and an estimate within one working day."

Replying to comments & DMs

  • Within one working day, the same promise as on this site.
  • Sign off with the replier’s first name, e.g. "Afa, TIKUMA".
  • Price questions: mention the "starting from" price on the site; the final quote comes after a discovery session on WhatsApp.
  • Criticism: say thanks, acknowledge it, then continue in DMs or on WhatsApp.

Photos & illustration

Show real people and real work.

Real team photos and screenshots of our work earn more trust than stock images. Illustrations use basic shapes from the palette, with sketch lines.

Use

  • Real team photos at work: sketching on paper, discussions, screens. Natural light.
  • Screenshots of work inside a browser or phone frame, on a Mint, Lavender, or Fog background.
  • Flat illustrations from an indigo circle, Marker and white cards, plus sketch lines.

Avoid

  • Stock photos of handshakes or people laughing at laptops.
  • Tech clichés: glowing brains, humanoid robots, blue neon circuits.
  • Made-up faces, clients, or testimonials.
  • Heavy filters, colour gradients, and glow effects.

Follow each platform’s labelling rules. If a post needs a label, add it before it goes live.

Motion

Move fast, land softly.

Reels and Stories animate like this site: quick in, slowing at the end. Signature moves: a marker being drawn, a stamp being pressed, initials being written.

  • 150 ms

    Quick · icons, small buttons

  • 300 ms

    Standard · cards, text

  • 600 ms

    Entrance · markers, headlines

  • Ease-out expo

    cubic-bezier(.16, 1, .3, 1)

Reels structure

  • 0–2 seconds: the hook. The headline appears, the marker is drawn.
  • Body: one idea per cut, with wipe transitions like sketch → build.
  • Last 2 seconds: an end card with the logo and one call to action.

Subtitles & covers

  • Subtitles in Jakarta Bold 44–48 px, Ink on a white pill or white on an Ink pill, max 2 lines.
  • Reels covers use the Statement or Sketch → build template.
  • Avoid spinning, bouncing, or glitch effects.

Do & don’t

The most common mistakes.

Each pair shows the right version on the left and the one to avoid on the right.

  • Do: One marker
    Don't: Markers on many words
  • Do: Ink on Marker
    Don't: Marker on Paper
  • Do: Sentence case + full stop
    Don't: All caps & exclamations
  • Do: Flat background + grid
    Don't: Gradient & glow
  • Do: A short note
    Don't: A handwritten paragraph
  • Do: 80 px margin
    Don't: Text touching the edge

Before you post

Twelve ticks before you hit Share.

Tick them off right here before every post goes live.

Export & file names

Tidy files, easy to find again.

The same export settings for everyone, and file names that explain themselves.

Export settings

  • Graphics: PNG, sRGB, 1080 px wide.
  • Photos: JPG at 90% quality, sRGB.
  • Video: MP4 H.264, 1080 × 1920, 30 fps.
  • LinkedIn carousels: PDF 1080 × 1350, one slide per page.

File name pattern

date_channel-format_pillar_topic_version

20261005_ig-feed_work_waajo_v01.png

20261007_ig-reels_work_sketch-build_v02.mp4

Lowercase, no spaces, publish date first.

Alt text

One or two sentences describing what’s in the image. Don’t repeat the caption.

"TIKUMA case study card: the waajo.id website in a browser frame on a mint background."

Need guidelines like these for your brand?

Brand identity and social media kits are part of our upcoming Design Service. Join the waitlist for early access.

made by the team that wrote this page

Join the waitlistTalk to us on WhatsApp

cookies

We use analytics cookies (Google Analytics & Microsoft Clarity) to understand how this site is used, only if you agree. You can change your choice any time in the footer. Privacy Policy.