{"id":9,"date":"2026-08-24T09:59:55","date_gmt":"2026-08-24T09:59:55","guid":{"rendered":"https:\/\/oxyum.pro\/index.php\/design\/"},"modified":"2026-09-14T06:41:54","modified_gmt":"2026-09-14T06:41:54","slug":"design","status":"publish","type":"page","link":"https:\/\/oxyum.pro\/index.php\/features\/design\/","title":{"rendered":"Design"},"content":{"rendered":"

Design<\/p>

A canvas that speaks plain CSS<\/span><\/h1>

Every control corresponds to a property you already know. Nothing is renamed, abstracted or quietly overridden.<\/p>

Get it now<\/a><\/div>
See all features<\/a><\/div><\/div><\/div>

Work that used to eat an afternoon takes me twenty minutes, and I stopped dreading the handover. The output looks like something a person wrote.<\/em><\/p>

Marek Dvořák<\/span>Independent designer, Brno<\/span><\/div><\/div><\/div>

Made for people who know what they want<\/h2>

Layout, type, colour, states, breakpoints. Oxyum puts them where you would expect and gets out of the way, whether you are laying out a landing page or wiring a template to live data.<\/p><\/div><\/div>

Features<\/p>

Everything in this toolset<\/h2><\/div>
\u2725<\/span>

Build the structure you meant<\/h3>

Drag in elements or drop in ready-made pieces like icons and embeds. The markup that comes out is the markup you would have written.<\/p><\/div>

{}<\/span>

No abstraction layer to fight<\/h3>

The properties panel maps one-to-one to CSS. If you know the property, you already know where it lives and what it will do.<\/p><\/div>

\u25a6<\/span>

Grid and flex, as themselves<\/h3>

Real grid, real flexbox, real absolute positioning \u2014 not a simplified approximation with three preset options.<\/p><\/div>

\u25d1<\/span>

States without the guesswork<\/h3>

Fills, borders, shadows and every hover or focus state, styled on the same canvas with the same controls.<\/p><\/div>

\u25ad<\/span>

Every breakpoint, visibly<\/h3>

Switch size and adjust in place. What you see at each width is what visitors get at that width.<\/p><\/div>

\u2318<\/span>

Keyboard-first when you want it<\/h3>

Copy, paste and restructure without leaving the keyboard \u2014 including between two different sites.<\/p><\/div><\/div><\/div>

With your agent<\/p>

Prompt it, then perfect it<\/h2>

Your agent works on the same canvas you do. Everything it produces is a real element you can open, inspect and adjust down to the selector.<\/p><\/div>\n

dvorak.design<\/div>
You<\/span>Tighten the services grid and make the cards match the ones on the work page<\/div>
Oxyum<\/span>
reading your design system<\/div>
Swapped the grid over to your existing card component and applied the spacing scale you already use.<\/div>