Design Vault Search use case, structure, colour, notes /
Index Categories Tags 日本語
Filters

Kind — a design, or something that generates

What it makes the reader do

Use case — what you are making

Structure — the skeleton

Format

Density

Colour

Tags

Decks — slides that read as one document

Atmosphere and Utilities 40–44 — Effects That Tune the Feel of Reading5 slidesImagery and Depth 30–34 — Wipe, Flip and Fly Through a Surface5 slidesEntrances 01–08 — What Happens as Things Enter the Viewport8 slidesLettering in Motion 45–60 — From a Single Stroke to Particles16 slidesScroll-linked 09–16 — Effects That Advance as Far as You Scroll8 slidesLanding-Page Structure 35–39 — Effects That Decide How Sections Connect5 slidesPinning, Paging, Navigation 17–24 — Hold the Screen, Step It, Show Where You Are8 slidesType in Motion 25–29 — Effects That Move the Letters Themselves5 slidesSystem Project Deck — From RFP to Cutover16 slides

274 entries

C4 Container
Container — Editorial Diagram SystemPersonApplication ContainerData Store ContainerExternal SystemEDITORIAL DIAGRAM SYSTEMAuthors diagrams withReads sources and writes artifacts to[JSON and files]Edits diagrams in[draw.io XML][Person]Diagram AuthorAuthors semantic sources andreviews generated diagrams.[Container: TypeScript / Node.js]Editorial CLIValidates sources, buildsthe Scene, and generateseditable artifacts.[Container: JSON and generated files]Diagram WorkspaceStores semantic JSON,explicit layout, andgenerated diagram files.[External System]draw.ioProvides GUI editing for themanaged draw.io artifact.

C4 Container

Splits one system into its deployable units — applications, services, data stores — and the technology each uses.
C4 System Context
System Context — Editorial Diagram SystemPersonSoftware SystemExternal SystemSYSTEM IN SCOPEAuthors diagrams withPresents diagrams toExports editable diagrams to[draw.io XML]Reads and writes design files in[JSON and files][Person]Diagram AuthorDefines diagram meaning andreviews generated outputs.[Person]Architecture ReviewerReviews system intent,relationships, and changeimpact.[Software System]Editorial Diagram SystemGenerates deterministic, editablediagrams from validated JSON contracts.[External System]draw.ioProvides GUI editing formanaged draw.io files.[External System]Source RepositoryStores semantic specs, layouts,operations, and generatedartifacts.

C4 System Context

Puts the system in scope as a single box, surrounded only by the people and external systems it touches.
Business Capability Map
Editorial Diagram Product — Capability MapLow importanceMedium importanceHigh importanceSCOPECapabilities required to author, govern, and distribute trustworthy editorial diagrams.PRODUCT STRATEGYChoose valuable diagram problems and direct the product portfolio.DIAGRAM AUTHORINGTurn communication intent into explicit, editable diagram meaning.QUALITY & TRUSTKeep semantics, layout, output, and managed changes reviewable.DISTRIBUTION & ADOPTIONPublish useful formats and help authors choose the right view.CAPABILITYHIGHOpportunity DiscoveryIdentify distinct communication jobsworth supporting.CAPABILITYHIGHPortfolio DirectionSequence profile investments arounddemonstrated value.CAPABILITYHIGHSemantic ModelingCapture diagram meaning asstable, typed source data.CAPABILITYHIGHLayout GovernanceKeep intentional geometryseparate andmachine-checkable.CAPABILITYMEDIUMAssisted AuthoringHelp authors proposechanges against explicitcontracts.CAPABILITYHIGHContract ValidationReject incomplete orcontradictory diagraminputs.CAPABILITYHIGHVisual VerificationDetect unintended renderedchanges before release.CAPABILITYHIGHManaged Change ControlRound-trip known edits withstale-state and deletionguards.CAPABILITYMEDIUMMulti-format PublishingProduce consistenteditable and renderedartifacts.CAPABILITYMEDIUMCatalog DiscoveryHelp authors select adiagram type for their job.CAPABILITYLOWEcosystem IntegrationExchange governed diagramdata with adjacent tools.

Business Capability Map

Lays out what an organization or product is able to do, as capabilities inside domains inside a scope.
Data Flow
Data Flow — Editorial Publishing PipelineSourceProcessData StoreSinkTrust BoundaryCONTROLLED PROCESSINGRESTRICTED DATADiagram sources[request-response · JSON · On demand · confidential]Source change events[streaming · CloudEvents JSON · Continuous · internal]Validation policy[request-response · JSON Schema · At startup · internal]Normalized source[streaming · Canonical JSON · On change · restricted]Approved Scene[batch · Scene Model · Nightly · confidential]Diagram artifacts[batch · draw.io/SVG/PNG · Nightly · public][Source]Authoring WorkspaceOriginates revieweddiagram specificationsand layouts.[Source]Repository EventsEmits source-changenotifications forcontinuous validation.[External System]Policy RegistryProvides the currentschema and validationpolicy.[Process: Validate + normalize]Validation ProcessChecks source meaning,references, and spatialconstraints.[Data Store: restricted]Diagram StorePersists normalized semanticsources and approved scenes.[Process: Render + package]Export ProcessRenders approved scenesinto deterministicartifacts.[Sink]Publication SinkConsumes editable andpresentation-readydiagram artifacts.

Data Flow

Follows where data originates, what transforms it, where it lands, and which boundaries it crosses.
Decision Tree
Editorial Publication DecisionRoot DecisionDecisionOutcomeDefault Branchall-completeelsefully-citedelsewithin-policyelse[Root Decision]Required checks complete?Confirm editorial and policygates.[Decision]Claims supported?Confirm every material claimhas evidence.[Decision]Residual risk acceptable?Confirm the release risk iswithin policy.[Outcome]Complete checksReturn to the missingreview gate.[Outcome]Strengthen evidenceRevise unsupported claimsbefore release.[Outcome]PublishRelease the approvedarticle.[Outcome]BlockStop publication andrecord the risk.

Decision Tree

Lays out a decision as branches on conditions, every path ending in an outcome.
Deployment / Network
Editorial Platform Deployment · productionPublicPrivateRestrictedNetwork hierarchyMANAGED CLOUD [cloud provider]PRIMARY REGION [region]EDITORIAL WORKLOAD NETWORK [network · public]PUBLIC EDGE [subnet · public]PRIVATE APPLICATION [subnet · private]RESTRICTED DATA [subnet · restricted]Submits a publishing request[HTTPS:443]Forwards an accepted request[HTTPS:443]Routes traffic for inspection[HTTPS:443]Forwards inspected traffic[HTTPS:8443]Invokes the editorial runtime[HTTP:8080]Reads and writes managed sources[TLS:5432][External System · public: HTTPS client]Publishing ClientStarts an authenticatededitorial publishingrequest.[Gateway · public: API gateway]Edge GatewayTerminates public ingressand applies request policy.[Load Balancer · public: L7 balancer]Public Load BalancerDistributes acceptedrequests to the inspectiontier.[Firewall · private: WAF]Ingress FirewallInspects trafficentering the privateapplication tier.[Host · private: Linux host]Application HostProvides the managedexecution environment.[Service · private: Node.js 22]Editorial ServiceValidates sources andrenders deterministicartifacts.[Database · restricted: PostgreSQL 16]Diagram DatabaseStores managed sources,hashes, and review state.

Deployment / Network

Shows which cloud, region, network and subnet each running thing sits in.
Entity Relationship
Editorial Catalog — Logical EREntityForeign KeyIdentifying FKhas revisions[0..* → 1]classifies article[0..* → 1]uses tag[0..* → 1]ArticleEditorial content identity.PK id: uuidUK slug: texttitle: textRevisionVersioned article body.PK article_id: uuidPK revision_no: integerbody: textTagReusable editorial classification.PK id: uuidUK name: textArticle TagIdentifying article-to-tag membership.PK article_id: uuidPK tag_id: uuid

Entity Relationship

Places entities, their columns, and the relationships between them, at the logical level.
Executive Decision View
Diagram System — Phase 8 Executive ReviewOn track / approvedNeeds attentionCritical / off trackAS OF 2026-08-14Complete four distinct, trustworthy planning and enterprise views without weakening existing diagram contracts.RECOMMENDATIONAccept Phase 8 as complete and evaluate Phase 9 interoperability value before authorizing implementation.PERFORMANCE SIGNALSRISKS & RESPONSESDECISIONSPhase 8 coverageON-TRACK4 viewsTARGET 4 views · IMPROVINGTimeline, Roadmap, Capability Map, andExecutive View are implemented asProfile catalogON-TRACK16 profilesTARGET 16 profiles · IMPROVINGAll supported semantics resolve throughthe profile registry and shared SceneVisual baselinesON-TRACK16 baselinesTARGET 16 baselines · STEADYEvery representative project hasdeterministic draw.io, SVG, and PNGManaged editingON-TRACK4 guarded flowsTARGET 4 guarded flows · STEADYEach Phase 8 profile preserves stable IDsand guarded dry-run synchronization.Legacy normalization backlogWATCHFour earlier editorial samples are not yet incanonical JSON formatting.RESPONSE Keep the pre-existing backlog isolated andaddress it as a separate maintenance change.External reviewer availabilityOPENThe external review command can failindependently of repository quality gates.RESPONSE Retain focused tests, full gates, deterministicoutputs, and a documented manual audit.Phase 9 entryOPENChoose whether interoperability discovery should replace the completedPhase 8 goal.RECOMMEND Approve value and scope assessment only; do not start implementation implicitly.Release boundaryAPPROVEDDecide when the completed local Phase 8 changes become shared repositorystate.RECOMMEND Keep commit and push separate; push only after explicit approval.

Executive Decision View

Gathers objectives, indicators, risks, recommendations and decisions as of one date, for a decision.
Strategic Roadmap
Editorial Diagram System — Product DirectionExploringPlannedActiveDeliveredVISIONMake trustworthy diagrams easy to author, review, and share.NOWProve the current directionNEXTExtend demonstrated valueLATERExplore future leverageTRUSTEXPRESSIVENESSREACHStrategic RoadmapACTIVEOUTCOMEStakeholders understand intentwithout treating horizons asdelivery dates.Semantic traceabilityPLANNEDOUTCOMEReviewers can explain why eachmanaged visual element exists.Delivery TimelineDELIVEREDOUTCOMEDelivery conversations use apurpose-built schedule view.Capability MapPLANNEDOUTCOMETeams compare capability coveragewithout inventing process flow.Assisted authoringEXPLORINGOUTCOMEAuthors iterate faster while everyproposed change remainsreviewable.Diagram catalogPLANNEDOUTCOMEAuthors choose the right diagramtype before editing content.Accessible outputsEXPLORINGOUTCOMEPublished diagrams communicatemeaning beyond the rendered image.

Strategic Roadmap

Lays out initiatives and outcomes by theme across Now / Next / Later horizons, rather than dates.
State Machine
Editorial Release LifecycleInitial StateStateFinal Statesubmit / freezedecide [checks-pass] / approvedecide [policy-block] / blockdecide [else] / reviseredraftpublish / releaseretire / archive[Initial State]DraftAuthoring and revisionremain open.[State]In ReviewEditorial and policychecks are running.[State]ApprovedAll required checkspassed.[State]RejectedA blocking issuerequires a new draft.[State]PublishedThe approved article ispublicly available.[Final State]RetiredThe release lifecycleis complete.

State Machine

Lays out the states a thing can be in, and the events that move it between them.
Planning Timeline
Editorial Diagram System — Phase 8A DeliveryPlannedActiveBlockedDone2026-08-132026-08-142026-08-152026-08-162026-08-172026-08-182026-08-192026-08-202026-08-212026-08-222026-08-232026-08-242026-08-252026-08-26PlatformDocumentationReleaseTimeline contract2026-08-13 — 2026-08-15Timeline rendering2026-08-15 — 2026-08-19Managed round-trip2026-08-19 — 2026-08-22Authoring guides2026-08-18 — 2026-08-22Quality review2026-08-23Phase 8A ready2026-08-26

Planning Timeline

Places tasks and milestones on a dated axis, with their dependencies.
Plate Title Skeleton Format Author Saved Colour
First Response Times — Email Has More Samples over 60 Minutes Axis Slide 16:9 — 2026.09.25
Measurement Agreement — Mean Difference 0.0 mm, 95% Limits ±3.6 mm Axis Slide 16:9 — 2026.09.25
Cold-Store Temperature Excursion — Three Preventive and Three Mitigating Barriers Network Slide 16:9 — 2026.09.25
In-House and Outsourced Costs Cross at 600 Orders per Month Axis Slide 16:9 — 2026.09.25
Feature Request Rankings — Data Export Returns to the Top Axis Slide 16:9 — 2026.09.25
Daily Trial Signups — Q2 2026 Grid Slide 16:9 — 2026.09.25
Ten-Day Stock Price — Closing Price Rises 8.5% Axis Slide 16:9 — 2026.09.25
Overtime Does Not Clear the Backlog; It Increases Rework Network Slide 16:9 — 2026.09.25
Cross-team Collaboration — Engineering, Data, and Operations Connections Network Slide 16:9 — 2026.09.25
Coastal Well Siting — A Section Through the Saltwater Wedge Annotated Slide 16:9 — 2026.09.25
Two-Metric Improvement Path — A Temporary Reversal Before Progress Axis Slide 16:9 — 2026.09.25
Concurrency and Cache Hit Rate — Latency Contours Axis Slide 16:9 — 2026.09.25
Response Time and Repeat Visits Show the Strongest Relationship Matrix Slide 16:9 — 2026.09.25
Order Data Relationships — Order Lines Connect Products and Orders Network Slide 16:9 — 2026.09.25
One Step Finer — Pull 36g in 28 Seconds Two Column Slide 16:9 — 2026.09.25
Pilot Store Lift — The Gap from Matched Stores Widens After Launch Axis Slide 16:9 — 2026.09.25
Delivery Delay Density — Counts Concentrate at 30–50 km and 2–3 Days Axis Slide 16:9 — 2026.09.25
Weekly Volume Deviations — Payment API Falls 11 Below Baseline Timeline Slide 16:9 — 2026.09.25
Compare Subject Lines Fairly — Balance Audience Groups and Send Times Matrix Slide 16:9 — 2026.09.25
Household Income Distribution — The Top 20% Receives Half Axis Slide 16:9 — 2026.09.25
Airport to Central — The Blue Line Is Most Reliable Map Slide 16:9 — 2026.09.25
Support Ticket Mix — Response Delay Leads with 64 Cases Radial Slide 16:9 — 2026.09.25
Population Structure — Working-Age Adults Make Up a Majority Axis Slide 16:9 — 2026.09.25
Response-Time Distribution Shift — Longer Tail Above the 90th Percentile Axis Slide 16:9 — 2026.09.25
Redundant Gateways and Workers — One Queue Stops Every Path Flow Slide 16:9 — 2026.09.25
Support Wait Distributions by Weekday — Spread and Long Tails Area Slide 16:9 — 2026.09.25
Monthly Energy Demand — January Averages 285 kWh, June 145 Axis Slide 16:9 — 2026.09.25
Prevent Duplicate Authorizations — Reuse the Stored Result for an Idempotency Key Flow Slide 16:9 — 2026.09.25
Retention Rank Reversal — Support Rises from Last to Second Axis Slide 16:9 — 2026.09.25
Inventory Step Chart — Stock Falls to 37 Units on June 21 Axis Slide 16:9 — 2026.09.25
Annual IT Budget Allocation — Platform Operations Account for 48% Radial Slide 16:9 — 2026.09.25
More Cold Storage Expands Supply — Wholesale Price Falls as Volume Rises Axis Slide 16:9 — 2026.09.25
Product Capability Mix — Three Options Allocate at Least 40% to Analytics Axis Slide 16:9 — 2026.09.25
Support Wait Times — Email Is Slower and More Variable Axis Slide 16:9 — 2026.09.25
Differential Expression — Four Up and Three Down Pass the Thresholds Axis Slide 16:9 — 2026.09.25
Four Marks on One Screen — What to Fix Before the Rework Piles Up Annotated Slide 16:9 — 2026.09.16
This Round's Scope — Three Rings Wide to Narrow, Only the Centre Starts Nested Slide 16:9 — 2026.09.16
One Turn of the Loop — Four Stages Where the End Becomes the Start Radial Slide 16:9 — 2026.09.16
Support Mix — Nearly Half Is “I Can't Find How” Radial Slide 16:9 — 2026.09.16
Revenue, Decomposed — Only One Factor Is Reachable This Half Centered Slide 16:9 — 2026.09.16
Why the Date Slips — Four Categories, Then Pick What You Can Reach Tree Slide 16:9 — 2026.09.16
The Event and the Three Layers Beneath It — Only the Lower Two Can Be Changed Nested Slide 16:9 — 2026.09.16
Operational Maturity — Level Two Today, Level Four in a Year Axis Slide 16:9 — 2026.09.16
Team Capability — The Widest Gap Is Test Automation Radial Slide 16:9 — 2026.09.16
Between Build and Buy — Seventy Percent Is Outside Today Axis Slide 16:9 — 2026.09.16
Mix Over Time — The Mainstay Changed Hands in Two Years Timeline Slide 16:9 — 2026.09.16
Adoption by Region — Higher in the West, Lowest in Kanto Map Slide 16:9 — 2026.09.16
This Year's Development Budget — 45% of ¥800M Goes to Keeping the Lights On Area Slide 16:9 — 2026.09.16
Two Conditions — Only What Satisfies Both Gets People Overlap Slide 16:9 — 2026.09.16
Recurrence Rate — Seven in a Hundred Area Slide 16:9 — 2026.09.16
The Whole and the One Part — Two Scales Joined by Two Lines Annotated Slide 16:9 — 2026.09.16
Agenda — Each Section Carries What It Asks For Two Column Slide 16:9 — 2026.09.15
Agenda — Numbered, Folded Into Two Columns Two Column Slide 16:9 — 2026.09.15
Appendix Door — What Is Inside, as a Numbered Grid Grid Slide 16:9 — 2026.09.15
System Architecture — Three Tiers, One of Them New Stack Slide 16:9 — 2026.09.15
Change Control — Business Days on Every Step, and Where a Refusal Goes Flow Slide 16:9 — 2026.09.15
Closing Slide — Three Decisions, Each With a Date Centered Slide 16:9 — 2026.09.15
Before / After — Paired on the Same Row Two Column Slide 16:9 — 2026.09.15
Cutover Runbook — The Rollback Call Has a Clock Time Timeline Slide 16:9 — 2026.09.15
Project Deck Cover — Subject Above the Issue Record Stack Slide 16:9 — 2026.09.15
Defect Status — Read the Blocking Cell, Not the Total Matrix Slide 16:9 — 2026.09.15
Estimate Breakdown — Share of Cost Before the Total Waterfall Slide 16:9 — 2026.09.15
Estimate Breakdown — Only the Total Stands Up Table Slide 16:9 — 2026.09.15
Four-Stage Funnel — One Place Where It Leaks Funnel Slide 16:9 — 2026.09.15
Gantt — Length Is Duration, Offset Is Dependency Gantt Slide 16:9 — 2026.09.15
Four Metrics — Change Read From Sign and Trend, Not Colour Grid Slide 16:9 — 2026.09.15
Single Figure — One Metric Carries the Page Centered Slide 16:9 — 2026.09.15
Two-by-Two — Position Itself Is the Message Matrix Slide 16:9 — 2026.09.15
Next Action — Who, By When, What Three Column Slide 16:9 — 2026.09.15
Offering Grid — Coverage Without Ranking Grid Slide 16:9 — 2026.09.15
Org Tree — Only the Decision Path Is Drawn Tree Slide 16:9 — 2026.09.15
Phase Divider — The Whole Process, With a Mark on Now Timeline Slide 16:9 — 2026.09.15
Five-Step Flow — Waiting Drawn as Wide as Working Flow Slide 16:9 — 2026.09.15
Testimonial — Mincho for the Words, Gothic for the Source Full Bleed Slide 16:9 — 2026.09.15
Requirement Responses — Only the Alternative Is Filled Table Slide 16:9 — 2026.09.15
Weekly Schedule — Days Down, Owners Across Table Slide 16:9 — 2026.09.15
Scope Boundary — In and Out at the Same Size Two Column Slide 16:9 — 2026.09.15
Section Divider — The Chapter Number as Ground Full Bleed Slide 16:9 — 2026.09.15
Stakeholder Network — Connections Without a Hierarchy Network Slide 16:9 — 2026.09.15
Statement — One Sentence, Nothing Else Centered Slide 16:9 — 2026.09.15
Status Report — No Traffic Lights, a Remedy Column Instead Table Slide 16:9 — 2026.09.15
Team Structure — One Place to Decide, One Joint Desk Tree Slide 16:9 — 2026.09.15
Test Plan — Each Phase Paired With What Accepts It Two Column Slide 16:9 — 2026.09.15
Vertical Timeline — Only the Milestones Land on the Axis Timeline Slide 16:9 — 2026.09.15
Title Slide — One Rule Under the Subject Centered Slide 16:9 — 2026.09.15
Waterfall — Stepping Through the Variance Waterfall Slide 16:9 — 2026.09.15
Phase Schedule — Length Is Duration, Overlap Is Hand-off Gantt Slide 16:9 — 2026.09.15
Application Shell in One Tone Two Column Web — 2026.09.05
Settings Panel — No Extra Colour for State Stack Component — 2026.09.05
Roles and Ramp — A One-page Specimen Grid A4 portrait — 2026.09.05
Aurora Gradient SaaS Landing Full Bleed Web — 2026.09.01
Monochrome Editorial Spread Two Column A4 landscape — 2026.09.01
Fintech Mobile Dashboard Stack Mobile — 2026.09.01
Two-column Split on a Single Figure Two Column Slide 16:9 — 2026.09.01
Feature Matrix — One Column Filled Table Slide 16:9 — 2026.09.01
One-page Proposal Cover — Subject at the Center Centered A4 portrait — 2026.09.01
Three Figures on a Dark Ground Three Column Slide 16:9 — 2026.09.01
Three-tier Pricing — Center Emphasized Three Column Slide 16:9 — 2026.09.01
Problem → Action → Effect, in Three Columns Three Column Slide 16:9 — 2026.09.01
Quarterly Roadmap — Four Equal Bands Timeline Slide 16:9 — 2026.09.01
2x2 Matrix (Priority Map) Matrix — — —
Comparison Table (Product / Vendor Selection) Table — — —
KPI Cards (Performance Summary) Grid — — —
Timeline (Roadmap) Timeline — — —
Process Flow Flow — — —
Critical Path Gantt (Concurrent Plan) Gantt — — —
Waterfall Chart (Change Bridge) Waterfall — — —
Conversion Funnel (Stage Drop-off) Funnel — — —
Heatmap (Operational Assessment) Matrix — — —
RACI Matrix (Responsibility and Control) Table — — —
Logic Tree (Problem / KPI Driver Decomposition) Tree — — —
Sankey Flow Map (Many-to-Many Volume) Flow — — —
Pyramid (Strategy Hierarchy) Stack — — —
Business Capability Map (Investment Gap) Grid — — —
Swimlane Process (Cross-team Hand-off) Flow — — —
System Landscape (Modernization Impact) Network — — —
Customer Journey Map (Experience Gap) Timeline — — —
Decision Tree (Expected Value) Tree — — —
Strategy Map (Cause and Effect Across Perspectives) Network — — —
Value Chain Map (Room to Improve) Flow — — —
Stakeholder Network (Alignment Risk) Network — — —
Ranked Bar Comparison Stack — — —
Grouped Bar Comparison Grid — — —
Stacked Composition Stack — — —
Diverging Survey Stack — — —
Slope Change Two Column — — —
Dumbbell Gap Stack — — —
Bullet Target Stack — — —
Interval Estimates Stack — — —
Line Trend Timeline — — —
Small Multiple Trends Grid — — —
Indexed Growth Timeline — — —
Pareto Concentration Stack — — —
Cohort Retention Table — — —
Histogram Distribution Grid — — —
Boxplot Summary Stack — — —
Scatter Relationship Matrix — — —
Bubble Portfolio Matrix — — —
Cumulative Progress Timeline — — —
Calendar Activity Grid — — —
Forecast Band Timeline — — —
Weighted Decision Scorecard Table — — —
Risk Matrix and Register Matrix — — —
Fit Gap Assessment Table — — —
OKR Progress Stack — — —
SWOT Evidence Matrix — — —
Options Tradeoff Three Column — — —
Assumption Evidence Three Column — — —
Decision Record Two Column — — —
Stakeholder Engagement Plan Stack — — —
Business Model Canvas Grid — — —
Now Next Later Three Column — — —
Kanban WIP Three Column — — —
Capacity Allocation Stack — — —
Release Readiness Table — — —
Action Register Table — — —
Experiment Plan Two Column — — —
Service Blueprint Table — — —
Retrospective Actions Three Column — — —
Incident Review Two Column — — —
Meeting Agenda Timebox Timeline — — —
Layered Architecture Stack — — —
Integration Contract Catalog Stack — — —
Data Lineage Stages Network — — —
API Contract Sheet Two Column — — —
Permission Matrix Table — — —
State Transition Ledger Table — — —
Release Changelog Stack — — —
Executive Summary Brief Two Column — — —
Research Evidence Table Table — — —
Proposal Scope Boundary Two Column — — —
Process Control Chart Timeline — — —
Marimekko Composition Chart Area — — —
Meta-analysis Forest Plot Axis — — —
Parallel Coordinates Profile Axis — — —
Correlation Matrix Matrix — — —
Survival Curve with Censored Observations Timeline — — —
Bow-tie Risk Analysis Network — — —
Incident Response and Escalation Policy Timeline — — —
Requirement Traceability Matrix Table — — —
ROC Curve and Threshold Selection Matrix — — —
Data Retention and Disposal Register Table — — —
Pareto Frontier for Multi-objective Choice Matrix — — —
Change Impact Assessment Table — — —
Tornado Sensitivity Analysis Axis — — —
Accessibility Audit Findings Register Table — — —
SIPOC Process Boundary Overview Table — — —
Invoice Collection Aging Register Table — — —
Metric Definition Register Table — — —
Value Stream Map with WIP and Lead Time Flow — — —
Migration Reconciliation and Cutover Gate Register Table — — —
Probability Calibration Curve Matrix — — —
Security Control Exception Register Table — — —
User Research Recruitment Board Grid — — —
Progressive Feature Rollout Plan Timeline — — —
Data Access Request and Review Queue Table — — —
Disaster Recovery Runbook Timeline — — —
Service Tier and SLA Comparison Matrix Grid — — —
Paired Measurement Agreement Matrix — — —
Thresholded Confusion Matrix Matrix — — —
Architecture — — — — —
BPMN-lite — — — — —
C4 Container — — — — —
C4 System Context — — — — —
Business Capability Map — — — — —
Data Flow — — — — —
Decision Tree — — — — —
Deployment / Network — — — — —
Entity Relationship — — — — —
Executive Decision View — — — — —
Strategic Roadmap — — — — —
Sequence — — — — —
State Machine — — — — —
Planning Timeline — — — — —
Fade-in Scroll-triggered fade-in — — 2026.10.08 —
Slide-in Slide-in — — 2026.10.08 —
Stagger Stagger animation — — 2026.10.08 —
Text reveal Text reveal (Split text) — — 2026.10.08 —
Mask reveal Clip-path reveal — — 2026.10.08 —
Blur-in Blur-in reveal — — 2026.10.08 —
Typewriter Typewriter effect — — 2026.10.08 —
Count-up Count-up animation — — 2026.10.08 —
Scroll-linked animation Scroll-linked animation — — 2026.10.08 —
Parallax scrolling Parallax scrolling — — 2026.10.08 —
Scale on scroll Scale on scroll — — 2026.10.08 —
Scroll-scrubbed image sequence Scroll-scrubbed image sequence — — 2026.10.08 —
SVG line drawing SVG line drawing — — 2026.10.08 —
Text fill on scroll Text fill on scroll — — 2026.10.08 —
Background color transition Background color transition — — 2026.10.08 —
Marquee (scroll velocity) Marquee (scroll velocity) — — 2026.10.08 —
Sticky position: sticky — — 2026.10.08 —
Pin + scrub Pin + scrub — — 2026.10.08 —
Scrollytelling Scrollytelling — — 2026.10.08 —
Stacking cards Stacking cards — — 2026.10.08 —
Scroll snap CSS scroll snap — — 2026.10.08 —
Horizontal scroll Horizontal scroll — — 2026.10.08 —
Hide-on-scroll header Hide-on-scroll header — — 2026.10.08 —
Scrollspy Scrollspy — — 2026.10.08 —
Text scramble Text scramble / decode effect — — 2026.10.09 —
Letter-spacing on scroll Letter-spacing on scroll — — 2026.10.09 —
Highlighter sweep Highlighter sweep — — 2026.10.09 —
Rotating word swapper Rotating word swapper — — 2026.10.09 —
Odometer Odometer digit roll — — 2026.10.09 —
Before/after wipe Before/after wipe — — 2026.10.09 —
3D card flip 3D card flip on scroll — — 2026.10.09 —
Perspective tilt Perspective tilt reveal — — 2026.10.09 —
Tunnel Z-axis tunnel fly-through — — 2026.10.09 —
Iris mask Circular iris mask expand — — 2026.10.09 —
Timeline progress fill Timeline progress fill — — 2026.10.09 —
Opposing-scroll columns Opposing-scroll columns — — 2026.10.09 —
Curtain reveal Curtain section reveal — — 2026.10.09 —
Bars grow Chart bars grow on view — — 2026.10.09 —
Hero title shrink Hero title shrinks into header — — 2026.10.09 —
Velocity skew Scroll-velocity skew — — 2026.10.09 —
Rotate on scroll Rotate on scroll — — 2026.10.09 —
Circular scroll progress Circular scroll progress — — 2026.10.09 —
Blend invert mix-blend-mode invert — — 2026.10.09 —
Sticky CTA bar Sticky CTA bar — — 2026.10.09 —
Stroke order Stroke-order handwriting — — 2026.10.10 —
Text shatter Text disintegration into particles — — 2026.10.10 —
Text gather Particles assemble into text — — 2026.10.10 —
Character wave Character wave on scroll — — 2026.10.10 —
Text on a path Text on a path — — 2026.10.10 —
Vertical writing Vertical writing reveal — — 2026.10.10 —
Letters scatter Scattered letters snap into place — — 2026.10.10 —
Stretch a stroke Stretch one stroke of a title — — 2026.10.10 —
Gradient sweep Gradient text sweep — — 2026.10.10 —
Erase a part Partially erased letters — — 2026.10.10 —
Sparkle scatter Sparkle ornaments around a title — — 2026.10.10 —
Diagonal slashes Diagonal slashes through a title — — 2026.10.10 —
One letter bigger One oversized letter in a title — — 2026.10.10 —
Ink bleed Ink bleed text reveal — — 2026.10.10 —
English underneath English subtitle under a title — — 2026.10.10 —
Linked letters Connected letters — — 2026.10.10 —