Back Office · office.temerarii.xyz
Every template — hover to play, click for its §02 legibility matrix
Model Catalog · Media preview

Each library card hover-plays its loop and clicks through to a per-asset page: the template across the §02 legibility matrix — each colorway (black / red / white ground) carrying only the logo treatments that read on it (10 pairings, no duplicate axis) — plus its cross-channel format stack. The name appears only as the approved logo — never typed.

The template library · the §02 legibility matrix each

The template library — 256 templates in 14 lanes, each in the §02 legibility matrix (10 pairings)

organized by aesthetic family · hover plays · click into the matrix + cells
Aligned with the brand book §02 logo system · the colorway is the ground, treatments are only those legible on it.
A · Signal-Field & 3D — space · particles · laser · shapes · coalescence · 55
▶ hover to play
BeamSweepHeroSL10 variants ↗
▶ hover to play
BoxHero10 variants ↗
▶ hover to play
CarouselSlide10 variants ↗
▶ hover to play
ChromeSpinHero10 variants ↗
▶ hover to play
CoalescencePeak10 variants ↗ · 1 cells
▶ hover to play
CoalescenceReel10 variants ↗
▶ hover to play
CometTrailCard10 variants ↗
▶ hover to play
ConeHero10 variants ↗
▶ hover to play
ConstellationStat10 variants ↗
▶ hover to play
ContentsLedger10 variants ↗
▶ hover to play
DodecaHero10 variants ↗
▶ hover to play
DualBeamCrossSL10 variants ↗
▶ hover to play
DustVortexHero10 variants ↗
▶ hover to play
EmberStormReel10 variants ↗
▶ hover to play
EmberWashTitle10 variants ↗
▶ hover to play
ExplodedSolidCard10 variants ↗
▶ hover to play
FacetRevealCard10 variants ↗
▶ hover to play
FlashCoalesceSting10 variants ↗
▶ hover to play
FuturistCard10 variants ↗
▶ hover to play
GlowMarkHold10 variants ↗
▶ hover to play
GravWellStat10 variants ↗
▶ hover to play
IcosaHero10 variants ↗
▶ hover to play
KickerSlamOpen10 variants ↗
▶ hover to play
KnotHero10 variants ↗
▶ hover to play
LaserGridLockSL10 variants ↗
▶ hover to play
LaserLockReel10 variants ↗
▶ hover to play
LaserSweepCard10 variants ↗ · 1 cells
▶ hover to play
LaserVolleyReelSL10 variants ↗
▶ hover to play
LockOnProofSL10 variants ↗
▶ hover to play
MarkSwarmReel10 variants ↗
▶ hover to play
MethodStepsLadder10 variants ↗
▶ hover to play
NebulaHero10 variants ↗
▶ hover to play
NebulaSwirlTitle10 variants ↗
▶ hover to play
NumberSlamGrid10 variants ↗
▶ hover to play
OctaHero10 variants ↗
▶ hover to play
OrbitIntro10 variants ↗
▶ hover to play
ParticleBurstHero10 variants ↗
▶ hover to play
PulseBeamTitleSL10 variants ↗
▶ hover to play
RotatingSolidStat10 variants ↗
▶ hover to play
ScaleSlamWord10 variants ↗
▶ hover to play
ScanlineLockCardSL10 variants ↗
▶ hover to play
ShapeAssembleTitle10 variants ↗
▶ hover to play
ShapeHero10 variants ↗ · 1 cells
▶ hover to play
ShapeMorphHero10 variants ↗
▶ hover to play
SignalFieldReel10 variants ↗ · 30 cells
▶ hover to play
SolidParadeReel10 variants ↗
▶ hover to play
SpinLockHero10 variants ↗
▶ hover to play
StarfieldStat10 variants ↗
▶ hover to play
SummonThrow10 variants ↗
▶ hover to play
TargetReticleStatSL10 variants ↗
▶ hover to play
TetraHero10 variants ↗
▶ hover to play
TitleOpen10 variants ↗ · 1 cells
▶ hover to play
TorusHero10 variants ↗
▶ hover to play
WireToSolidReveal10 variants ↗
▶ hover to play
YouTubeReel10 variants ↗
F · Liquid-Chrome — premium · stings · 12
C · Terminal-Build — code · CI · logs · 18
D · Data-Receipts — stats · charts · proof · 38
▶ hover to play
AnimatedBarRace10 variants ↗
▶ hover to play
BeforeAfterStat10 variants ↗ · 2 cells
▶ hover to play
BigStat10 variants ↗ · 3 cells
▶ hover to play
BoldStatement10 variants ↗ · 10 cells
▶ hover to play
CarouselStat10 variants ↗
▶ hover to play
CaseStudyStatBand10 variants ↗
▶ hover to play
ComparisonTable10 variants ↗ · 2 cells
▶ hover to play
CoverageMatrix10 variants ↗
▶ hover to play
DeltaCard10 variants ↗ · 2 cells
▶ hover to play
DeltaPulseCard10 variants ↗
▶ hover to play
FunnelCard10 variants ↗ · 2 cells
▶ hover to play
FunnelMap10 variants ↗
▶ hover to play
GanttSchedule10 variants ↗
▶ hover to play
GanttSchematic10 variants ↗
▶ hover to play
Gauge10 variants ↗ · 3 cells
▶ hover to play
GaugeSweepStat10 variants ↗
▶ hover to play
GrainStat10 variants ↗
▶ hover to play
KpiGrid10 variants ↗ · 2 cells
▶ hover to play
LiveCounterWall10 variants ↗
▶ hover to play
MetricTicker10 variants ↗ · 2 cells
▶ hover to play
OutcomeArrowCard10 variants ↗
▶ hover to play
PieFillStat10 variants ↗
▶ hover to play
PinStatBig10 variants ↗
▶ hover to play
ProgressArcStat10 variants ↗
▶ hover to play
ProofLedgerScroll10 variants ↗
▶ hover to play
PullStat10 variants ↗ · 7 cells
▶ hover to play
QuoteStat10 variants ↗ · 7 cells
▶ hover to play
RankList10 variants ↗ · 2 cells
▶ hover to play
ReceiptCard10 variants ↗ · 2 cells
▶ hover to play
ReceiptWallProof10 variants ↗
▶ hover to play
RevenueTrace10 variants ↗ · 2 cells
▶ hover to play
Scoreboard10 variants ↗ · 2 cells
▶ hover to play
StateMachine10 variants ↗
▶ hover to play
StatScoreboard10 variants ↗ · 32 cells
▶ hover to play
TestimonialQuoteCard10 variants ↗
▶ hover to play
TrendBoard10 variants ↗ · 1 cells
▶ hover to play
TrendDrawLine10 variants ↗
▶ hover to play
VsGridProof10 variants ↗
E · Blueprint-Wireframe — schematics · diagrams · maps · 21
News — broadcast · ticker · anchor · 13
Channel-native — TikTok · LinkedIn · X · Pinterest · Stories · 15
Transitions & stings · 6
Educational / carousel — how-to · tips · myths · 38
▶ hover to play
AcronymExpandCard10 variants ↗
▶ hover to play
CarouselCompare10 variants ↗
▶ hover to play
CarouselCover10 variants ↗ · 2 cells
▶ hover to play
CarouselCoverB10 variants ↗
▶ hover to play
CarouselEnd10 variants ↗
▶ hover to play
CarouselIndex10 variants ↗
▶ hover to play
CarouselQuote10 variants ↗
▶ hover to play
CarouselReel10 variants ↗ · 33 cells
▶ hover to play
CarouselSteps10 variants ↗
▶ hover to play
ChapterTabIndex10 variants ↗
▶ hover to play
ChecklistCard10 variants ↗ · 2 cells
▶ hover to play
ComparisonGrid10 variants ↗ · 2 cells
▶ hover to play
DefinitionPlateCard10 variants ↗
▶ hover to play
DidYouKnowBurst10 variants ↗
▶ hover to play
DoThisNotThat10 variants ↗
▶ hover to play
FaqFlipCard10 variants ↗
▶ hover to play
GlossaryEntryCard10 variants ↗
▶ hover to play
GuideCoverHero10 variants ↗
▶ hover to play
HowToBeforeAfter10 variants ↗
▶ hover to play
HowToCardStacked10 variants ↗
▶ hover to play
InsightCard10 variants ↗ · 3 cells
▶ hover to play
LongFormChapters10 variants ↗
▶ hover to play
MistakeFixCard10 variants ↗
▶ hover to play
MythBuster10 variants ↗ · 2 cells
▶ hover to play
MythRealityCard10 variants ↗ · 2 cells
▶ hover to play
NumberedLeadIn10 variants ↗
▶ hover to play
NumberedList10 variants ↗ · 2 cells
▶ hover to play
PromptCard10 variants ↗ · 2 cells
▶ hover to play
QuickTipKeycap10 variants ↗
▶ hover to play
QuickTipStackCard10 variants ↗
▶ hover to play
RecipeCardSplit10 variants ↗
▶ hover to play
RuleOfThumbBanner10 variants ↗
▶ hover to play
StepFlow10 variants ↗ · 3 cells
▶ hover to play
TeachPanel10 variants ↗ · 2 cells
▶ hover to play
TipSpotlightCard10 variants ↗
▶ hover to play
ToolShowcaseReel10 variants ↗ · 2 cells
▶ hover to play
TutorialStepFocus10 variants ↗
▶ hover to play
WalkthroughRail10 variants ↗
B · Editorial-Kinetic — flat kinetic type · 20
G · Imagery-backplate · 6
Email blocks · 5
Core sequencer · 1
More templates · 8
By channel · what ships where

Blog · Website

OG/Featured 1200×630 · Hero 1600×900
temerarii.com (Duda) · temerarii.xyz/build (WordPress)
OG 1200×630OGCard
OGCard
hero stillSignalFieldReel
SignalFieldReel
in-articleCodeWindow
CodeWindow
diagramSchematicCard
SchematicCard

Video · YouTube

16:9 · 1920×1080 + 4K master + 1280×720 thumb
YouTube (long-form + Shorts)
16:9YouTubeReel
YouTubeReel
16:9CodeWindow
CodeWindow
16:9ComparisonTable
ComparisonTable

Email

600px block stack · 2× retina · bulletproof CTA
Owned list (Resend)
600×300EmailHeader
EmailHeader
600×600EmailHero
EmailHero
voiceQuoteCard
QuoteCard
receiptStatScoreboard
StatScoreboard

SMS · MMS

720×720 GIF / image + plain text
Owned SMS
1:1 GIFStatScoreboard
StatScoreboard
9:16 GIFSignalFieldReel
SignalFieldReel

Social — 9 channels

3 styles × 3 colorways × 3 aspects = 27 / cell
LinkedIn · X · YouTube · Instagram · Facebook · Threads · TikTok · Pinterest · Bluesky
9:16 vertical TikTok · Instagram Reels/Stories · YouTube Shorts · Threads
9:16 verticalSignalFieldReel · hook
SignalFieldReel · hook
9:16 verticalCarouselReel · teach
CarouselReel · teach
9:16 verticalStatScoreboard · proof
StatScoreboard · proof
4:5 portrait Instagram feed · LinkedIn · Pinterest
4:5 portraitSignalFieldReel · hook
SignalFieldReel · hook
4:5 portraitCarouselReel · teach
CarouselReel · teach
4:5 portraitStatScoreboard · proof
StatScoreboard · proof
1:1 square Facebook · X/Twitter · Bluesky
1:1 squareSignalFieldReel · hook
SignalFieldReel · hook
1:1 squareCarouselReel · teach
CarouselReel · teach
1:1 squareStatScoreboard · proof
StatScoreboard · proof
By calendar cell · the per-cell assignment

Calendar — every cell through its assigned template (60)

W23 · SignalFieldReel
W23 · SignalFieldReel
W23 · studio-launch-beat-1
W23 · studio-launch-beat-1
W24 · studio-launch-beat-2
W24 · studio-launch-beat-2
W24 · YouTubeReel
W24 · YouTubeReel
W25 · ChromeTitle
W25 · ChromeTitle
W25 · studio-launch-beat-3
W25 · studio-launch-beat-3
W26 · EndCard
W26 · EndCard
W26 · studio-launch-beat-4
W26 · studio-launch-beat-4
W27 · CodeWindow
W27 · CodeWindow
W27 · hub-launch-beat-1
W27 · hub-launch-beat-1
W28 · BuildLog
W28 · BuildLog
W28 · hub-launch-beat-2
W28 · hub-launch-beat-2
W29 · DiffCard
W29 · DiffCard
W29 · hub-launch-beat-3
W29 · hub-launch-beat-3
W30 · case-studies-beat-1
W30 · case-studies-beat-1
W30 · StatScoreboard
W30 · StatScoreboard
W31 · case-studies-beat-2
W31 · case-studies-beat-2
W31 · ComparisonTable
W31 · ComparisonTable
W32 · case-studies-beat-3
W32 · case-studies-beat-3
W32 · CellCardMotion
W32 · CellCardMotion
W33 · case-studies-beat-4
W33 · case-studies-beat-4
W33 · CellCardMotion
W33 · CellCardMotion
W34 · always-on-beat-1
W34 · always-on-beat-1
W34 · BoldStatement
W34 · BoldStatement
W35 · always-on-beat-2
W35 · always-on-beat-2
W35 · QuoteCard
W35 · QuoteCard
W36 · always-on-beat-3
W36 · always-on-beat-3
W36 · TitleCardFlat
W36 · TitleCardFlat
W37 · always-on-beat-4
W37 · always-on-beat-4
W37 · ListCard
W37 · ListCard
W38 · performance-pillar-beat-1
W38 · performance-pillar-beat-1
W38 · StatScoreboard
W38 · StatScoreboard
W39 · ComparisonTable
W39 · ComparisonTable
W39 · performance-pillar-beat-2
W39 · performance-pillar-beat-2
W40 · brand-pillar-beat-1
W40 · brand-pillar-beat-1
W40 · ChromeTitle
W40 · ChromeTitle
W41 · brand-pillar-beat-2
W41 · brand-pillar-beat-2
W41 · SizzleOpen
W41 · SizzleOpen
W42 · multimedia-pillar-beat-1
W42 · multimedia-pillar-beat-1
W42 · SignalFieldReel
W42 · SignalFieldReel
W43 · multimedia-pillar-beat-2
W43 · multimedia-pillar-beat-2
W43 · YouTubeReel
W43 · YouTubeReel
W44 · CarouselReel
W44 · CarouselReel
W44 · social-pillar-beat-1
W44 · social-pillar-beat-1
W45 · LowerThird
W45 · LowerThird
W45 · social-pillar-beat-2
W45 · social-pillar-beat-2
W46 · BoldStatement
W46 · BoldStatement
W46 · strategic-relations-pillar-beat-1
W46 · strategic-relations-pillar-beat-1
W47 · QuoteCard
W47 · QuoteCard
W47 · strategic-relations-pillar-beat-2
W47 · strategic-relations-pillar-beat-2
W48 · CodeWindow
W48 · CodeWindow
W48 · it-dev-pillar-beat-1
W48 · it-dev-pillar-beat-1
W49 · BuildLog
W49 · BuildLog
W49 · it-dev-pillar-beat-2
W49 · it-dev-pillar-beat-2
W50 · SchematicCard
W50 · SchematicCard
W50 · staff-training-pillar-beat-1
W50 · staff-training-pillar-beat-1
W51 · ProcessFlow
W51 · ProcessFlow
W51 · staff-training-pillar-beat-2
W51 · staff-training-pillar-beat-2
W52 · emerging-tech-pillar-beat-1
W52 · emerging-tech-pillar-beat-1
W52 · SchematicCard
W52 · SchematicCard

The 8 pillar shapes — the powers (§16)

The backgrounds — the worlds (§16)