Vireo Lab

Experiment.
Refine.
Perfect.

An interactive creative system to test typography, colour, layout, motion, and form, refined in real time.

Enter the Lab

Typography Studio

Pair typefaces, tune rhythm, and preview editorial copy, every control updates the specimen live.

Timeless design. Built with intent.

Every visual choice should carry meaning, create atmosphere, and guide memory.

Heading text

Body text

Pairing presets

Heading font

Body font

Heading size 48px

Body size 18px

Weight 400

Letter spacing 0.02em

Line height 1.45

Max width 28ch

Alignment

Colour Atmospheres

Test cinematic palettes with live swatches, UI preview, and custom colour combinations.

Vireo Night

Visuals, Designed Beyond.

Accent, surface, and atmosphere working in harmony across brand touchpoints.

Palette presets

Background

Primary

Secondary

Accent

3D Model Viewer

Real-time Three.js objects with cinematic lighting, drag to orbit, zoom to inspect.

Drag to rotate � Scroll or + / - to zoom

Model

Zoom 1

Rotate: click and drag in the viewport

Zoom: slider, scroll, or + / -

Layout Lab

Compose layouts with draggable blocks, resize handles, and grid snapping.

Columns 4

Gutter 20px

Padding 24px

Container width 100%

Grid overlay

Drag blocks to move � corner handle to resize � � to remove

Interaction Lab

Hover motion experiments, each tile demonstrates a distinct, visible behaviour.

Experiment.Refine.Perfect.

Visuals, Designed Beyond.

Apply your experiment to a real project.

Experiment.
Refine.
Perfect.