Design system, template library, and brand canon for LayerZero content production. Built from live site analysis, Behance identity, blog voice patterns, social strategy, and CEO communications.
Two interlocking S-curve paths. Upper = source chain, lower = destination chain. Uses currentColor. Monochrome only. Wordmark includes trailing period: "LayerZero."
15-step neutral scale. One green accent used 1-2 times per page max. No blue, no purple, no colored gradients.
Roboto 400 for everything. Roboto Mono for metadata. Weight 600 for buttons only. Tight negative tracking on headings.
Build anything, transact from anywhere, run infrastructure without permission.
Cannot be modified, upgraded, or rolled back.
No single player can permanently block a valid transaction.
Production-ready templates across 4 content types: social pillars, blog assets, announcements, and thread cards. Each template targets a specific audience with matching tone, density, and hierarchy. Platform-aware sizing (X: 1200x675, LinkedIn: 1200x627) via data-platform attribute.
Platform-aware sizing via data-platform attribute — default 1200x675 (X), set data-platform="linkedin" on <body> for 1200x627. Each template targets a specific audience segment.
| Day | Template | Audience | Layout | File |
|---|---|---|---|---|
| Mon | Infrastructure | Decision-makers | Full-width, stat bar | social/infrastructure.html |
| Tue | Metrics | Investors, Community | Hero stat, 4-col grid | social/metrics.html |
| Wed | Developer | Engineers, Protocol teams | Split: copy + code block | social/developer.html |
| Thu | Ecosystem | Partners | Co-branded, partner spotlight | social/ecosystem.html |
| Fri | Community | ZRO holders | Centered, open composition | social/community.html |
| Flex | Institutional | Banks, Exchanges, TradFi | Split: messaging + trust grid | social/institutional.html |
Design rationale: Each template's visual density matches its audience. Decision-makers scan (sparse, stat bar). Investors need proof (hero number + grid). Developers assess via code (real SDK syntax). Partners want equality (co-branded logos). Community wants belonging (centered, emotional). TradFi needs trust signals (investor grid, no crypto jargon).
All blog templates export at 1200x675 with deviceScaleFactor: 2 for retina. Cover and CTA are used on every article. Callouts are inline visuals — use the [01] indexed metric style for data posts.
| Template | Use | Layout | File |
|---|---|---|---|
| Cover | Article hero image | Bottom-weighted title, category label, date + read time | blog/cover.html |
| CTA | End-of-post conversion | Split: message + dual [01]/[02] CTA cards | blog/cta.html |
| Metric Callout | [01] indexed stat highlight | Centered hero number, source citation | blog/callout/metric.html |
| Product Callout | Feature/product visual | Split: product name + [01]/[02]/[03] feature grid | blog/callout/product.html |
| Comparison | Side-by-side A/B | Two-column: LZ (green label) vs legacy (muted) | blog/callout/comparison.html |
Design rationale: Blog callouts mirror LZ's "25 Stats" format — data disguised as narrative. The metric callout uses [01] index notation and a source citation for credibility. The comparison chart uses color hierarchy (green vs muted) to imply the answer without being heavy-handed. Cover titles max 2 lines at 52px.
Press-style announcements for partnerships, milestones, and product launches. Platform-aware sizing (X + LinkedIn). Green /// Label signals news.
| Template | Use | Layout | File |
|---|---|---|---|
| Partnership | New integration announcement | Co-branded logos (80x80) + stat bar, formal press tone | announcement/partnership.html |
| Milestone | Volume/chain/OFT achievement | Centered 160px hero number + supporting stats | announcement/milestone.html |
| Product Launch | New product or feature release | Split: product name + 2x2 feature grid with [01]-[04] | announcement/product-launch.html |
Design rationale: Announcements use green /// labels ("New Integration", "Milestone", "Introducing") to signal news — the only templates where green appears in the section label. Partnership is distinct from the social ecosystem template: larger logos, stat bar, one-time use vs weekly rotation. Milestone template uses 160px type for maximum stop-scroll impact.
Sequential thread cards for X. Each slide carries one idea with a progress bar showing position in the thread. Consistent visual identity across 3-7 slides.
| Template | Use | Layout | File |
|---|---|---|---|
| Thread Card | X thread slide visual | Headline + body + segmented progress bar + "1/N" counter | thread/card.html |
Design rationale: Thread cards complement tweet text — they reinforce, not repeat. The progress bar uses segmented blocks (not continuous) matching the number of slides. Green counter ("1/5") in the header changes per slide. One headline + one paragraph per card. The visual should make you stop scrolling; the tweet text delivers the argument.
Confident but measured. Technical precision balanced with accessibility. Pedagogical. Let metrics carry the argument. Acknowledge tradeoffs openly.
Build anything, transact from anywhere, run infrastructure without permission.
Cannot be modified, upgraded, or rolled back.
No single point of failure.
No single player can permanently block a valid transaction.
| Always Say | Never Say | Why |
|---|---|---|
| omnichain | cross-chain multichain | LayerZero coined and owns the category |
| messaging protocol | bridge | Bridges lock assets. LZ passes messages. |
| native omnichain tokens | wrapped tokens | OFT burns-and-mints. No wrapping. |
| onchain | Web3 | Too broad. Use "onchain" or "decentralized." |
| $200B+ volume | revolutionary | Metrics over adjectives. |
The underlying thesis never changes; only the vocabulary rotates between audiences.
LayerZero as TCP/IP for blockchains. Category creation: messaging protocol, not a bridge. The competitor becomes a module within your system.
Interoperability as settled fact. 150+ chains, $50B in OFT assets, $70B USDT0 volume. From "move money" to "move information" with lzRead.
From crypto infrastructure to global financial infrastructure. Zero blockchain. Citadel, DTCC, ICE, ARK, Google Cloud. The language strips crypto jargon for institutional buyers.
Never name competitors. Use structural arguments.
| Target | Their Model | LZ Counter |
|---|---|---|
| Wormhole | 13/19 Guardian set | Apps choose their own DVNs. Wormhole becomes a pluggable module. |
| Axelar | Cosmos PoS consensus | Single security model vs. full Pareto frontier. |
| CCIP | Oracle network | Partnerships vs. adoption. LZ processes 75% of bridge volume. |
| All bridges | Lock-and-mint pools | $2.5B lost to bridge hacks. LZ: $200B+ transferred, zero exploits. |
Most frequent. "[Partner] + LayerZero = [capability]."
Declarative titles. "The Default Is Many Chains."
"25 Stats." Data disguised as narrative.
Fee switch votes, buybacks. Transparency as trust.
DVN frameworks, QMDB. Pedagogical structure.
"Better Money Technology." No crypto jargon.
| Channel | Handle | Followers | Purpose |
|---|---|---|---|
| X (Primary) | @LayerZero_Core | 724.7K | Product, integrations, ecosystem |
| X (Company) | @LayerZero_Labs | Large | Company news, Zero, fundraising |
| X (Foundation) | @LayerZero_Fndn | 54.7K | Governance, fee switch votes |
| X (CEO) | @PrimordialAA | 118K | Vision, commentary |
| Discord | Official | 330K | Developer support, engagement |
| Blog | layerzero.network/blog | — | Thesis, research, announcements |