Label
Text display widget for static or dynamic text. Used for plugin names, section titles, value displays, and status indicators.
Overview
| Property | Value |
|---|---|
| Type | Display |
| Interaction | None (display only) |
| Styles | 8 styles available |
| Best For | Names, titles, values |
Styles
Plain
Simple text without decoration. Clean and readable.
Heading
Larger, bold text for titles. Use for plugin name or section headers.
Subheading
Medium emphasis text. Good for secondary titles.
Caption
Small, subtle text. For fine print, notes, or secondary info.
Digital
LED/LCD style digital readout. Perfect for value displays and parameter readouts.
Display
Large display text for prominent labels. Hero-level text.
Embossed
Raised 3D text effect. Adds depth and character.
Engraved
Sunken 3D text effect. Classic hardware look.
Properties
| Property | Type | Default | Description |
|---|---|---|---|
text | string | - | The text to display |
fontSize | number | 14 | Text size in pixels |
textAlign | string | center | left, center, right |
When to Use Labels
Plugin Name
Every plugin needs a name label:
- Use Heading or Display style
- Position prominently (top center common)
- Large enough to read easily
Section Headers
Label your control sections:
- Use Subheading style
- Consistent positioning
- Short names (one word ideal)
Value Displays
Show parameter values:
- Use Digital style
- Position near related control
- Update in real-time
Status Text
Show plugin state:
- Use Caption or Plain style
- Subtle, doesn’t distract
- Clear, concise text
Sizing Tips
| Use | Font Size | Style |
|---|---|---|
| Plugin name | 18-24px | Heading, Display |
| Section header | 14-16px | Subheading |
| Control label | 12-14px | Plain, Caption |
| Value readout | 12-14px | Digital |
| Fine print | 10-12px | Caption |
Style Guide
Plugin Names
Make the plugin name prominent:
- Use evocative names: PUNCH, GLOW, VOID
- All caps for impact
- Large enough to be the first thing users see
Good names:
- CRUSH
- WARMTH
- DRIFT
- VOID
- SILK
Avoid:
- “My Compressor Plugin”
- “EQ v2.1”
- Long descriptive names
Control Labels
Keep control labels short:
- One word is best
- ALL CAPS for primary controls
- Title Case for secondary
Good:
- DRIVE
- MIX
- TONE
Avoid:
- “Drive Amount”
- “Wet/Dry Mix”
- “Tone Control”
Value Displays
For showing parameter values:
- Digital style looks most natural
- Position near or inside the control
- Include units when helpful (dB, ms, Hz)
Example Configurations
Plugin Title
style: heading
text: "CRUSH"
fontSize: 24
textAlign: center
position: top center
Section Label
style: subheading
text: "DYNAMICS"
fontSize: 14
textAlign: left
Digital Readout
style: digital
text: "-6.2 dB"
fontSize: 12
textAlign: center
Control Label
style: plain
text: "ATTACK"
fontSize: 12
textAlign: center
Naming Guidelines
Evocative vs Technical
| Technical | Evocative Options |
|---|---|
| Threshold | CRUSH, SQUEEZE, GRAB |
| Ratio | SLAM, SQUASH, WEIGHT |
| Attack | SNAP, PUNCH, HIT |
| Release | BODY, SUSTAIN, TAIL |
| Cutoff | FREQ, SWEEP, TONE |
| Resonance | RES, PEAK, RING |
| Drive | HEAT, GRIT, PUSH |
| Mix | BLEND, WET, DEPTH |
Plugin Name Ideas
| Category | Name Style |
|---|---|
| Single word | PUNCH, GLOW, DRIFT |
| Action word | SMASH, CRUSH, MELT |
| Texture word | SILK, RUST, CHROME |
| Space word | VOID, DEPTH, INFINITE |