ThinhAI experiments

Prototype sections

Standalone UI sections used to compare ideas before they become part of the main website. Entries are grouped by their timestamped source folder.

Featured Resource

A detailed editorial feature for Brainstorm Node Graph with product preview, access metadata, clear actions, and benefit cues.

SectionResponsive

260719-143050-header-hero-css-codex

Header + Hero CSS comparison

Eight browser-rendered treatments of the exact current header and hero markup, varying only typography, spacing, borders, and controls.

8 variantsNo effectsResponsive

260719-143851-header-hero-8-distinct-css-codex

Eight distinct Header + Hero directions

Eight visibly different static CSS systems rendered with the exact same current markup, content, illustration, and layout.

DistinctSame layoutNo effects

260719-144606-header-hero-two-real-refinements-codex

Two real Header + Hero refinements

Two complete static implementations of the existing header and hero: one hierarchy-led and one Vietnamese-reading-led.

Exact contentSame layoutNo effects

260719-220656-products-ui-versions-codex

Products page — five UI versions

Catalog cards, database rows, featured split, compact strip, and editorial stack for products.html.

5 variantsProducts