SIVALICLOUD TECHNOLOGYDesign System
Komponen · Social media kit

SocialPost

Feed posts 4:5 and 1:1

Buka previewREADME.mdSemua komponen

Feed post templates for Instagram, LinkedIn and Facebook in 4:5 (1080x1350) and 1:1 (1080x1080), each in Bahasa Indonesia and English, under either the Sivali Corp or the Sivali Cloud Technology lockup.

Template id Use Ground
partnership Pengumuman kerja sama / partnership announcement, two logos joined by the mint knob paper + indigo split
newpartner Partner baru / new partner joins the network paper
newvendor Vendor baru / new vendor distributed by Sivali night
launch Produk baru / product launch with three feature tiles night
poster Poster event: webinar, workshop, meetup indigo
speaker Kartu pembicara / speaker card indigo
countdown Hitung mundur / countdown to an event or launch night
recap Dokumentasi event / event recap with photo slots and numbers paper
tipscover, tipsslide Tips & trik carousel cover and slides (code block optional) paper
quote Kutipan pimpinan / leadership perspective indigo
hiring Lowongan / we are hiring mint
milestone Pencapaian / milestone number night
cert Sertifikasi tim / team certification paper
notice Pemberitahuan layanan / service or maintenance notice paper
press Siaran pers / press release teaser paper + indigo foot

Holiday greetings: see SocialHoliday. Stories and reels: SocialStory, SocialReel.

How to use - Render a template with SivaliSocial.frame(id, { format: 'post' | 'square', lang: 'id' | 'en', brand: 'corp' | 'cloud', data: { ... } }). It returns a node at native pixels; scale it with SivaliSocial.fit(node, box) or export it at 1080 wide. Load kits/motion/sivali-mark.js, kits/social/sivali-social.js and kits/social/social.css, plus Ubuntu and Ubuntu Mono from Google Fonts. - Every field in data overrides the sample copy; give logo, logoA, logoB or photo an image URL to fill a dashed slot. Empty slots stay dashed on purpose: they must never ship. - Sample names (PT Nama Mitra, Nama Produk, Nama Pembicara) and sample figures are placeholders. Replace them with real, approved facts before posting.

Rules - One message per post. Headline at most 3 lines in 4:5 and 2 in 1:1; the 1:1 format hides the lead paragraph and checklists (.no-sq). - Grounds: night #121212, indigo #39399B, paper #F5F5F5, mint #ADFCB9. Mint is a ground only for careers; elsewhere it is the single accent (button, check discs). - Decoration: the dotted orbit and the Jakarta line-art skyline from the website (kits/motion/sivali-city.js, three.js r128). Every white (paper) post carries the skyline plus a fading dot grid and soft lavender and mint glows, so no frame is flat white; poster, countdown, milestone and quote also carry it on dark grounds. No stock gradients, no emoji, no exclamation marks, no left-border accent bars. - On indigo every text is white, and the logo is the white version. - Keep the lockup top-left and sivali.co in the footer rule on every frame. Partner and vendor logos go on white plates, at their own colours.