Load a sample template
Select a sample
Choose a sample from the dropdown menu. The sample name will appear on the button once loaded.
Available samples
The playground includes the following sample templates:Playground
A demonstration template showcasing various TemplateMark features and syntax.Hello world
The simplest possible template - perfect for understanding the basics of how Concerto models, TemplateMark, and JSON data work together.Employment offer
A complete employment offer letter template with multiple data fields including employee information, compensation, and start date.NDA (Non-Disclosure Agreement)
A non-disclosure agreement template demonstrating how to structure legal clauses and conditions.Formula
Shows how to use formulas and calculations within templates.Formula now
Demonstrates time-based formulas using the current date.Join
Illustrates how to join multiple text values together.Clause
Demonstrates working with clause blocks to structure complex agreements.Clause condition
Shows conditional logic within clause blocks.Invitation
A simple invitation letter template.Announcement
An announcement template with formatted content.List
Demonstrates how to work with lists and iterate through items.Optional
Shows how to handle optional fields in your data model.Markdown
Demonstrates Markdown formatting capabilities within TemplateMark.Payment receipt
A payment receipt template with transaction details.Blank
An empty starting point for creating your own template from scratch.Learn from samples
Samples are excellent learning tools. Here’s how to make the most of them:Study the Concerto model
Study the Concerto model
Examine how the data structure is defined:
- Look at the field types (String, Double, DateTime, etc.)
- Notice which concept has the
@templatedecorator - See how optional fields are marked
Analyze the TemplateMark
Analyze the TemplateMark
See how the template uses data fields:
- Variable interpolation with
{{fieldName}} - Clause blocks with
{{#clause}}...{{/clause}} - Lists with
{{#olist}}or{{#ulist}} - Conditional blocks
Review the JSON data
Review the JSON data
Understand how data is structured:
- The
$classproperty always matches the Concerto concept - Data values match the field types defined in the model
- Nested objects correspond to complex types
Modify and experiment
Modify and experiment
Make changes to learn interactively:
- Add new fields to the Concerto model
- Update the TemplateMark to use them
- Add corresponding data in the JSON
- See the preview update in real-time
Modify a sample
Once you’ve loaded a sample, you can modify it to suit your needs:- Edit any of the three editors (Concerto Model, TemplateMark, or JSON Data)
- The preview updates automatically as you make changes
- Use the sample as a starting point for your own template
Sample modifications are not saved permanently. Reloading the same sample will restore the original content.
Switch between samples
You can quickly switch between samples to compare different approaches:- Click Load Sample again
- Select a different sample
- The new sample immediately replaces the current content
Next steps
Creating templates
Learn to create your own templates from scratch
Sharing templates
Share your templates with others