Serve this folder over HTTP so fonts and the JSX UI kit load: python3 -m http.server, then open http://localhost:8000. Agents start with SKILL.md.
SKILL.mdEntry point for AI agents: rules, file map, rendering
README.mdBrand book: colours, type, voice, components
social-media-kit.mdFormats, templates by need, writing and look
docs/templates.mdEvery template with its fields and sample values
tokens.jsonDesign tokens with a usage note on each
tools/render.htmlRender any template at full size in the browser
Brand
- Logo — Yin Yang mark & wordmarkIndigo logo on white, white logo on indigo and every dark ground
- Modernisation directionSame palette, more air: deeper indigo gradient hero, soft borders, 16–28px radii, glass surfaces
- SivaliMarkAnimated logo mark from the Sivali Corp siteREADME
- Values — S·I·V·A·L·ISpirit · Integrity · Vision · Action · Loyalty · Innovation
- Voice & toneFormal B2B, we/you, sentence case, no emoji
Colors
Type
Spacing
Motion
Social media kit
- PodcastPodcast kitREADME
- SocialAnatomyTech anatomy posts with live three.js stacksREADME
- SocialCobrandCo-branding with vendor partnersREADME
- SocialHolidayHoliday editionsREADME
- SocialPostFeed posts 4:5 and 1:1README
- SocialReelReels with logo bumper, liveREADME
- SocialStoryStories 9:16README
- VideoTemplateVideo toolkit 16:9 and 9:16README
Website
- BalanceRowTwo sides, one wholeREADME
- CorpFooterDark group footerREADME
- CorpHeaderGlass and solid header with mega menuREADME
- CorpHeroAnimated home heroREADME
- CtaSplitClosing call to action, two audiencesREADME
- FlowStepsIndigo band, numbered stepsREADME
- NewsCardNewsroom cardREADME
- OfferGridNumbered offers in a hairline gridREADME
- PartnerNetworkSegment counter and vendor logo wallREADME
- sivali.co — HomeInteractive recreation: Home · About · Partners · Vendors
- StatBarFrosted stat bar and fact rowREADME
- TrustPanelsClients, certifications, countriesREADME
- UnitCardBusiness unit card with orbit swirlREADME
- UnitHeroBusiness unit page headerREADME
Navigation
Actions
Content
Forms
Iconography
Logos
Motion files
- sivali-bumper-intro-16x9.mp4
- sivali-bumper-intro-9x16.mp4
- sivali-bumper-intro-1x1.mp4
- sivali-bumper-outro-16x9.mp4
- sivali-bumper-outro-9x16.mp4
- sivali-bumper-outro-1x1.mp4
- sivali-bumper-intro-16x9-indigo.mp4
- sivali-bumper-intro-16x9-light.mp4
- sivali-reel-product-launch-9x16.mp4
- sivali-reel-event-9x16.mp4
- sivali-reel-podcast-audiogram-9x16.mp4
- sivali-video-interview-9x16.mp4
- sivali-video-webinar-template-16x9.mp4
- sivali-cobrand-canonical-reel-9x16.mp4
- sivali-cobrand-nextcloud-reel-9x16.mp4
- sivali-cobrand-coriolis-reel-9x16.mp4
- sivali-cobrand-castai-reel-9x16.mp4
- sivali-anatomy-openstack-reel-9x16.mp4
- sivali-anatomy-netra-reel-9x16.mp4