Social Media Templates

World-class social post designs for LinkedIn, Instagram, and web platforms. Built entirely from the Vicinity Labs design system.

Usage Guidelines

Design system rules for social media content.

01

Typography

Playfair Display for headlines. JetBrains Mono for data and labels. Sharp corners only.

02

Patterns

Use DotGrid, LinesWithDots, CrossPattern, RadialBloom, and FilmGrain from the texture library.

03

Colors

Gold #c4a77d for accents. Amber for secondary. Dark backgrounds with high contrast text.

04

Motion

Subtle animations only. Use --ease-out-premium and --duration-slow for premium feel.

LinkedIn Feed

Square: 1200 × 1200px

Portrait: 1080 × 1350px

Landscape: 1200 × 627px

Instagram

Square: 1080 × 1080px

Portrait: 1080 × 1350px

Stories: 1080 × 1920px

Web/Blog

Featured: 1200 × 630px

Wide: 1920 × 1080px

Card: 800 × 600px

Text-Only Statements

Typography-driven posts using design system patterns.

Template: Typography-Driven Statement

Format: Square 1:1 Pattern: DotGrid + edge fade Psychology: Grid pattern = infrastructure context Variable: headlineText, patternOpacity

Context is
the mission.

Vicinity Labs
Vicinity Labs

Square 1:1 — DotGrid pattern with edge fade + hexagon logo

Template: Vertical CTA Story

Format: Vertical 9:16 Pattern: TravelingGrid (motion) Psychology: Movement creates urgency Variable: headlineLines, ctaText, accentColor

Convenience
is the bait.

Context
is the future.

Vicinity Labs VICINITY LABS

Vertical 9:16 — TravelingGrid pattern + hexagon logo

Template: Authority Quote Card

Format: Square 1:1 Pattern: RadialBloom corner Psychology: Corner glow draws eye to quote Variable: quoteText, position, iconType

The best AI isn't the biggest. It's the one that knows your business.

Vicinity Labs

Vicinity Labs

Custom AI Solutions

Square 1:1 — RadialBloom + hexagon logo frame

Template: Statistical Impact

Format: Square 1:1 Pattern: CrossPattern + FilmGrain Psychology: Large number dominates (visual = importance) Variable: statNumber, statLabel, statColor
73%

of AI initiatives fail
without proper context

Vicinity Labs VICINITY LABS

Square 1:1 — CrossPattern + FilmGrain + hexagon logo

Visual Posts

Layouts featuring logo assets and design system visuals.

Workspace
Case Study

How we reduced query time by 94%

Read the full story

Portrait 4:5 — Mood photo + RadialBloom corner fade

Server Infrastructure
Vicinity Labs
Version 2.0

Context Engine
Update

Faster embedding.
Smarter retrieval.
More accurate context.

Square 1:1 — Split layout with mood image

Blueprint

Your data. Your context. Your AI.

Custom solutions that understand your business.

Vicinity Labs VICINITY LABS
trustvicinity.com

Wide 21:9 — DotGrid + FilmGrain + proper URL

Exclusive Access
Early Access

Context Engine
for Enterprise

Join the limited pilot program. 50 spots available.

Vertical 9:16 — Velvet rope + exclusive access messaging

AI Technology
Vicinity Labs

AI that knows
your business

Proprietary context engine trained on your data, not the internet.

Square 1:1 — AI velvet rope with centered value prop

Data-Driven Posts

Charts and metrics using MiniDonut and design system elements.

Template: Metric Comparison (Psychology-First)

Format: Square 1:1 Pattern: MiniDonut + Comparison Bars Psychology: Visual dominance = better solution Key Rule: Our bar/donut is always LARGER

Performance Metric

Query Speed

Baseline AI 3.2s
Vicinity Engine 0.2s (94% Faster)
16x FASTER
Vicinity Labs VICINITY LABS
trustvicinity.com

Square 1:1 — Psychology-first: larger bar/donut for our solution

Template: Data Distribution

Format: Square 1:1 Pattern: DotGrid + MiniDonut Psychology: Primary value gets larger donut Variable: primaryValue, secondaryValue, labels

Data Sources

Enterprise Integration Mix

CRM Data

Primary Knowledge Base

Documentation

Secondary Context

Vicinity Labs VICINITY LABS
trustvicinity.com

Square 1:1 — Dual MiniDonut: larger = more important

AI that gets slower when you scale?

Vicinity Labs

Generic AI

3.2s per query

Slower at scale

VS

Vicinity Stack

0.2s per query

16x faster

Stop waiting. Start scaling.

Landscape 16:9 — Problem/solution comparison with clear CTA

Motion & Attention

Animated elements and high-impact CTAs using design system motion tokens.

Template: Motion CTA

Format: Square 1:1 Pattern: Hexagonal Pulse Ripples Psychology: Motion creates urgency Note: Hexagon ripples = brand identity

Ready to transform
your data?

Square 1:1 — Hexagonal pulse ripples (brand identity)

Template: Marquee Text

Format: Square 1:1 Pattern: FilmGrain + Marquee Psychology: Motion = urgency Variable: marqueeWords, iconType
Proprietary Proprietary Proprietary
Data Moat Data Moat Data Moat
Architecture Architecture Architecture

Protect your
competitive advantage

Sovereign Data Solutions

Square 1:1 — Marquee + FilmGrain + hexagon frames

Template: Geometric Motion

Format: Vertical 9:16 Pattern: CrossPattern + Rotating Hexagons Psychology: Hexagon = brand identity Note: Squares = grids, Hexagons = brand
Architecture

Complex systems,
elegant execution

Vertical 9:16 — Rotating hexagons (brand identity) + CrossPattern

Template: Pipeline Progress

Format: Vertical 9:16 Pattern: LinesWithDots + Progress Bars Psychology: Motion = progress, completion Variable: steps, progressValues, stepLabels

System Status

Pipeline Execution

Active
01. Ingest Data
100%
02. Generate Context
Active
03
03. Model Deployment
Pending
Vicinity Labs

Custom models trained in minutes, not months.

trustvicinity.com

Vertical 9:16 — Pipeline progress with hexagon logo