VESP'S SKELETON

Dragging...

Tabbed modules

Overview block

Overview block

Overview block

                      Journal Post 1
                      Hover glow
                      >
                    

Expands, changes color, and overlaps on hover.

Mini A

Mini B

Mini C

Column	Column	Column
Cell	Cell	Cell
Cell	Cell	Cell
Cell	Cell	Cell

Journal Post 2 Neutral >
Cell

Cell

Cell

Cell

Cell
- Use for ad/content highlights.
- Neutral metal styling.
- Hover glow ring.

Details block

Details block

Accordion A>

Industrial accordion content with neutral borders.

Cell

Cell

Cell

Accordion B>

Pack condensed info blocks here.

Key	Value
Placeholder	Neutral
Placeholder	Neutral
Placeholder	Neutral

Accordion C>

Add graphics, ads, or text later.

Slot

Slot

Slot

Slot

Timestamp	Event	Status
00:00:01	Placeholder initialized	OK
00:00:02	Panels loaded	OK
00:00:03	Ads grid ready	OK
00:00:04	Highlight lists ready	OK
00:00:05	Oh yeah	INFO

Content grid

Cell

Cell

Cell

Cell

Cell

Cell

Journal Post 3 Compact >

Block

Block
Journal Post 4 Overlap >

Slot

Slot

Slot

Slot

Complex stack

Hero

Hero

Complex highlight #1 Interactive >

Nested blocks inside highlight list.

Block

Block

Block

Key Val

Placeholder Neutral

Placeholder Neutral

Placeholder Neutral
Complex highlight #2 Expandable >

Cell

Cell

Cell

Cell

Cell

Cell
Complex highlight #3 Overlap >

Unit A

Unit B

System dashboard

Module	Status	Notes
Placeholder	OK	Neutral
Placeholder	WARN	Neutral
Placeholder	OK	Neutral

Chart

Chart

Chart

Embedded consoles

Utility widgets

Widget

Widget

Small

Small

Small

Ad spaces

Highlights

Tertiary highlight #1 Hover reactive >

Lists expand and overlap their parent on hover.

Block

Block
Tertiary highlight #2 Expands >

Cell

Cell

Cell

Cell
Tertiary highlight #3 Condensed >
- Dense layout blocks
- Neutral industrial styling
- 2000s-inspired interactions

Information

Field	Value
Theme	Neutral industrial
Width	950px
Header	Tall, rounded right
Columns	Two
Effects	Hover, glow, overlap