NTUB FRAMEWORK SHOWCASE
A visual system for ideas, digital art, and experiments
This page demonstrates the reusable Bricks framework behind the site: section rhythm, content blocks, scoped styling, verified rendering, and a naming system that can grow into Advanced Themer classes.
System principles
A small framework for fast personal site publishing
01
Native Bricks arrays
Content is written as canonical Bricks element arrays, not fragile HTML pasted into the editor.
02
Scoped CSS
Each generated page can carry its own scoped CSS, so experiments do not break the rest of the site.
03
AT ready naming
Classes follow the ntub block pattern, ready to become global classes when a pattern proves useful.
04
Verified render path
Every page is checked for real Bricks rendering inside the main content area before it is considered done.
Block library
Reusable patterns for writing, visuals, and web experiments
The framework is intentionally small. It gives enough structure to make new pages fast, without locking the site into one rigid template.
Hero
Big statement blocks
Oversized type, a clear premise, and one or two calls to action for focused page openings.
Gallery
Visual grids
Cards and image zones for stills, digital art, process captures, and experiments.
Essay
Reading layouts
Wide but readable text sections for notes, ideas, essays, and longer personal writing.
Experiment
Prototype pages
Fast structures for testing tools, interactive ideas, and new technology without overbuilding.
Proof
Render checks
Built in markers and inspection steps to prove the page is Bricks rendered, not WordPress fallback.
CTA
Simple next steps
Reusable endings that point readers to words, visual work, or the next experiment.
Visual tokens
Bold hues for creative and tech forward energy
Publishing workflow
From idea to live Bricks page
1
Design the section system
Choose the smallest set of blocks needed for the page and give every piece a clear class name.
2
Generate native Bricks content
Write flat parent linked Bricks elements and send both page content keys through the adapter.
3
Verify real rendering
Check the live page for the unique content inside the Bricks main wrapper, not just the WordPress title.
4
Promote what works
When a pattern is useful more than once, move it toward Advanced Themer or a reusable template.
A framework page can now become a real page system
The next move is turning the best parts of this showcase into reusable Bricks sections for words, art, technology notes, and experiments.
NTUB-FRAMEWORK-SHOWCASE-2026-06-09