Tech anatomy posts: one technology explained to a general audience in four layers, with a live three.js stack. Each post answers one plain question, numbers the layers from the top (what people see) down to the foundation, and closes with an everyday comparison ("Ibaratnya ..."). The stack is line art in the style of the Jakarta skyline: exploded slabs, corner brackets in the accent, data pulses travelling along the edges, and a slow camera sway.
Templates (4:5, 1:1, 9:16 and reels; ID and EN)
- anatomy: the cover. Eyebrow with the product (and its maker), the question, one checked fact in a pill, the 3D stack on the left with leader lines to four numbered captions on the right, the comparison card, footer. 9:16 adds a two-line lead. 1:1 drops the comparison card.
- anatomyslide: one slide per layer for a carousel. The stack with that layer lit (others dimmed), the big layer number, title, one line, and the four layer names as steps.
- SivaliSocial.anatomyReel(product): reel options for the cover plus the four slides between the intro and outro bumper.
data.product |
Eyebrow | Layers, top to bottom | Ground |
|---|---|---|---|
cloud |
Cloud | Layanan · Virtualisasi · Jaringan · Pusat data | night |
openstack |
Canonical OpenStack | Layanan mandiri · Penyimpanan dan jaringan (Ceph, OVN) · Mesin virtual (KVM) · Server standar | indigo |
kubernetes |
Canonical Kubernetes | Control plane · Kontainer · Jaringan (Cilium, CoreDNS) · Node | night |
migrasi |
Migrasi VM · Coriolis | Inventaris · Replikasi · Penyesuaian · Cutover (pulses run downwards: old platform to new) | paper |
microcloud |
Canonical MicroCloud | LXD · MicroOVN · MicroCeph · Mulai dari 3 server | indigo |
orcastra |
Orcastra · ORCA | Siap dijual · Optimasi · Pooling · Server CPU dan GPU | night |
orcahub |
ORCA Hub | Pelanggan · Etalase · Meteran · Paket layanan | paper |
ubuntupro |
Ubuntu Pro · Canonical | Kepatuhan · Livepatch · Patch 10 tahun · Ubuntu LTS | indigo |
netra |
Netra Runtime | Aplikasi Anda · API kompatibel OpenAI · Model AI · GPU di Indonesia | night |
castai |
Cast AI | Konsolidasi · Rightsizing · Pemantauan · Cluster Kubernetes | paper |
trilio |
Trilio | Pemulihan · Enkripsi · Snapshot · Aplikasi dan data | night |
nextcloud |
Nextcloud Hub | Office · Talk dan Groupware · Files · Server Anda | paper |
Pass theme to override the ground (night, indigo, paper, mint). Alternate grounds across the feed so neighbours differ.
SivaliSocial.frame('anatomy', { format: 'post', lang: 'id', brand: 'cloud', data: { product: 'microcloud' } });
SivaliSocial.frame('anatomyslide', { format: 'post', lang: 'en', data: { product: 'trilio', n: 3 } });
SivaliSocial.reel(el, SivaliSocial.anatomyReel('openstack'));
Needs three.js r128, kits/motion/sivali-anatomy.js and kits/social/sivali-social.js. SivaliSocial.paintCity(frame, t, scale) draws the stack; once the frame is in the page it sizes the canvas to the stage and reads where the caption numbers sit, so leader lines always land on their captions. Layer kinds for new topics (SivaliAnatomy.KINDS): servers, trio, gpu, net, vms, containers, storage, storenet, apps, brain, pool, package, gauge, store, users, files, pkgs, pulse, dome, shield, model, api, snapshot, restore, bars, pack, chat, oldvms, replicate, adapt, newvms. Add a product by adding an entry to SivaliSocial.ANATOMY with four [kind, title, line] layers.
Rendered reels: assets/Motion/sivali-anatomy-openstack-reel-9x16.mp4, assets/Motion/sivali-anatomy-netra-reel-9x16.mp4.
Writing rules - Write for someone who has never heard the term. One idea per layer line, no acronyms without a plain word next to them. - The fact pill holds one checked, current fact from the maker's own material (OpenStack open source since 2010; MicroCloud up to 50 machines and survives one of three failing; Ubuntu Pro free for personal use on up to 5 machines, 10 years of security maintenance; Coriolis is agentless; Nextcloud Hub has 600+ apps; Netra Runtime has Zero Data Retention by default). Leave it empty rather than guess. - "Canonical" for the company and product family, "Ubuntu" only for the OS and OS-branded products (Ubuntu Pro, Ubuntu LTS). - Orcastra orchestrates, ORCA Hub sells: keep the two roles apart. - These are Sivali education posts in Sivali colours. When a post is published together with a vendor, use the co-brand templates instead.