OzmahDev Aperture component lab
Component lab. Only pieces for testing and experimenting, some of them were used to create the site.
Palette: Mindful Palettes #50 by Alex Cristache (@AlexCristache) / MP050
Doctor
oklch(98.212% 0 89.88)
Coarse Wool
oklch(22.428% 0.02197 272.68)
Flint Purple
oklch(38.333% 0.01855 285.49)
Citrus Burst
oklch(86.561% 0.17906 98.79)
Pink Fluoride
oklch(65.592% 0.21177 354.31)
Winter Dove
oklch(93.44% 0.00548 274.96)
TUI Wordmark / Glyph Inventory
Typography Lab
Type composer
Add type roles, edit their copy, and compare the hierarchy in a single column.Arrange the site's type roles to test hierarchy, wrapping, overlap, and measure.
Composition
Label
Display
Body
Action
Primary CTA
Secondary
Tertiary / Card Action
Dropdown System
Single Select
One selected value. Disabled options stay visible but unreachable.
Multi Select
Counter summary, persistent menu, and a clear action.
Combobox
Searches rich option content but only commits existing options.
Switch System
Relay Switch
Custom state copy, mechanical layout.
Operational Copy
State labels are per instance, not hardcoded to ON/OFF.
Disabled States
Background Artwork
Decorative artwork in context
This sample checks how the artwork behaves behind a heading, body copy, summary values, and a compact form.
Layer
Background
Opacity
4–5%
Role
Decorative
Input System
Text Inputs
Used for short, direct text. No hidden label nonsense.
This needs a real value before it ships.
Text Area
For notes, project descriptions, and small chunks of personal copy.
Background Lab
Portable background candidate
Showing a title to see it combine with the background.
This is a preview of Julien Thibeaut's work at https://bg.ibelick.com/. Controls only change numeric CSS variables, not raw class strings.
Grid controls
{
"cellHeight": 24,
"cellWidth": 14,
"lineOpacity": 18,
"lineWidth": 1,
"maskEnabled": true,
"maskHeight": 50,
"maskStop": 70,
"maskWidth": 60,
"maskX": 50,
"maskY": 0
}OG Image Generator
Renders the site's social preview as a fixed-size canvas, then exports that exact canvas as a PNG.
The preview is scaled to fit. Copy and download always use the full 1200 × 630 canvas.