Text style 001

Style ID: 001

Displays text instantly with no animation. The text appears immediately and remains static for the duration. This is the default style if no style is specified. Use when text should be present from the start without any entrance effect, or when combined with element-level fade-in/fade-out properties.

Animation	None. Text appears immediately.
Best for	Static labels, always-visible titles, text combined with element-level fade-in/fade-out, watermarks.
Intro duration	0 s

Preview

Example

{
    "type": "text",
    "style": "001",
    "text": "Hello World",
    "settings": {
        "font-size": "5vw",
        "font-family": "Roboto Condensed",
        "color": "#FFFFFF",
        "text-align": "center",
        "vertical-position": "center",
        "text-shadow": "2px 2px rgba(33,33,33,0.5)"
    },
    "duration": 5
}

Default settings

The settings object of a text element using style: "001" ships with these defaults. Any property you set on the element overrides the default.

Property	Type	Default	Description
`font-size`	string	`4vw`	Font size. Use CSS units: px (e.g. '60px'), vw for responsive (e.g. '5vw'), or em.
`font-family`	string	`Inter`	Google Fonts family name (e.g. 'Inter', 'Roboto', 'Anton', 'Bebas Neue'). Any Google Font is available.
`font-weight`	string	`400`	Font weight: '100' to '900', or 'normal', 'bold'.
`text-align`	string	`center`	Horizontal text alignment within the text box.
`vertical-position`	string	`center`	Vertical position of the text block within the element area.
`text-shadow`	string	`2px 2px rgba(33,33,33,0.5)`	CSS text-shadow for readability over backgrounds (e.g. '2px 2px rgba(33,33,33,0.5)').
`color`	string	`#FFFFFF`	Text color. Hex (e.g. '#FFFFFF'), named color (e.g. 'white'), or rgba().

Common text style settings

All text styles accept the same CSS-like settings; only the entry animation differs. The properties below are common to every style.

Property	Type	Default	Description
`font-size`	string	`4vw`	Font size. Use CSS units: px (e.g. '60px'), vw for responsive (e.g. '5vw'), or em.
`font-family`	string	`Inter`	Google Fonts family name (e.g. 'Inter', 'Roboto', 'Anton', 'Bebas Neue'). Any Google Font is available.
`font-weight`	string	`400`	Font weight: '100' to '900', or 'normal', 'bold'.
`color`	string	`#FFFFFF`	Text color. Hex (e.g. '#FFFFFF'), named color (e.g. 'white'), or rgba().
`text-align`	string (enum)	`center`	Horizontal text alignment within the text box. Values: `left`, `center`, `right`
`vertical-position`	string (enum)	`center`	Vertical position of the text block within the element area. Values: `top`, `center`, `bottom`
`horizontal-position`	string (enum)	`center`	Horizontal position of the text block within the element area. Values: `left`, `center`, `right`
`text-shadow`	string	—	CSS text-shadow for readability over backgrounds (e.g. '2px 2px rgba(33,33,33,0.5)').
`letter-spacing`	string	—	Space between letters (e.g. '0.1em', '2px'). Useful for uppercase or wide-spaced designs.
`line-height`	string	—	Line height for multi-line text (e.g. '1.2em', '1.5').
`margin`	string	—	Margin around the text block (e.g. '3vw', '20px').
`background-color`	string	—	Background color behind each word/line of text. Especially effective with style 011 (text block).