Menu

Interactive Lab

Design System

Aectura component library

Interactive demonstration of the branding vectors, system icons, and UI components extracted from our master sheets.

01. Brand Logos

Horizontal Lockup

Horizontal Lockup

Square Emblem

A-Mark Icon

02. System Iconography

Vector SVGs traced from the icon grid. Click any icon to copy its relative path to your clipboard.

03. Buttons & Interaction States

Default active state

Glow and highlight on hover

Selected or pressed state

Unavailable action

04. Form Fields

Text Input

Text Area

05. Semantic Functional Colors

Functional Red (Error)

#B20F03

Functional Green (Success)

#2E8B57

06. Spliced UI Assets (Pipeline Outputs)

Raw PNG slices extracted from the Component Library master sheet using the OpenCV contour splicing script.

Spliced Button Elements

Spliced Button 0

button_005_104x49.png

Spliced Button 1

button_013_222x50.png

Spliced Button 2

button_015_245x121.png

Spliced Button 3

button_016_143x76.png

Spliced Button 4

button_021_129x68.png

Spliced Button 5

button_024_155x94.png

Spliced Button 6

button_026_141x59.png

Spliced Button 7

button_027_200x21.png

Spliced Button 8

button_028_130x23.png

Spliced Button 9

button_030_129x23.png

Spliced Button 10

button_031_95x37.png

Spliced Button 11

button_032_91x45.png

Spliced Button 12

button_033_139x23.png

Spliced Button 13

button_034_163x37.png

Spliced Button 14

button_035_221x37.png

Spliced Button 15

button_036_249x38.png

Spliced Form Panels

Spliced Form 0

form_element_014_104x94.png

Spliced Form 1

form_element_020_105x139.png