N° 001
Omni Test — every prose block, every link style
Reference post. Markdown, code, math, tables, links — verified live.
Omni Test — every block, every media type
A single project that demonstrates every supported feature of the lab CMS.
Reference project. Every block, every media kind, every CTA. Use it to verify the renderer after any change.
testreferenceaidesign
§ Premise
Use this project as the canonical reference for every supported block, media type and CTA.
This is the premise block. Markdown is fully supported.
Italic, bold, strike, inline code, a link.
Pull-quotes render with editorial typography.
Lists:
- Hairlines, not shadows
- One accent per screen
- Mono labels for section markers
- First
- Second
- Third
§ Single image
One image, sized to a 16:9 frame. Click opens the lightbox.
single image
§ Auto-carousel (multiple images in one block)
When you stack 2+ images in the same block, they auto-group into a carousel.
image 1 of 3
image 2 of 3
image 3 of 3
§ Explicit carousel
Use this when you want to pre-define a carousel with autoplay, regardless of grouping.
Autoplay carousel — pauses on hover or scroll interaction.
1 / 3
§ Video
Inline video with poster, autoplay, muted and loop options.
video placeholder
§ GIF
Animated GIF behaves like an image but loops natively.
GIF placeholder
§ Embeds
Spotify, YouTube, Apple Music, SoundCloud and Figma all auto-detect from a public URL.
§ Placeholders
Three variants — default, peach, lavender — for when you don't yet have art.
default
peach
lavender
§ Mixed text + media
Text and media interleave inside a single block.
Above the image. Text and media share the same block.items array — they segment automatically.
interstitial
Below the image. Code fences also work here:
export function greet(name: string) {
return `Hello, ${name}!`;
}
§ Math
KaTeX inline and block math.
Inline: . Block:
§ Related