Design System

One file. Every interface looks right.

A style system built for AI coding agents. Feed it into your prompt once and stop fixing generated UIs by hand. No frameworks, no dependencies. Just clean defaults that make everything your agent builds look intentional.

Fetch https://iurev.es/ui.md and follow it as your design system for all UI you build.

Not templates

Templates lock you in. This is a set of rules and primitives your agent applies to whatever it builds. Forms, dashboards, landing pages — same quality, zero copy-paste.

Agent-native

Written to be read by LLMs, not humans. Structured so the agent understands spacing, hierarchy, and rhythm without you explaining it every time.

Zero overhead

No build step. No npm install. No React, no Tailwind. One file of plain CSS that works everywhere — static HTML, frameworks, embedded webviews.

How it works

Drop the style file into context

Add the style reference to your project or paste it into the system prompt. The agent reads it once and internalizes the design language.

Describe what you need

Ask for a login form, a pricing page, a settings panel. Write in plain language. The agent already knows how it should look.

Ship it

The output is production-ready HTML and CSS. Consistent typography, proper spacing, dark theme, responsive. No cleanup pass needed.

Components

Drag to explore. Each component is self-contained with its own styles, markup, and scripts.

IUREVContact

Navigate

Services

TelegramWhatsApp

RUENES

Header

Fixed nav with burger menu, dropdown columns, language switcher, smooth-scroll anchors.

components/header.html

I build things
that work

photo soon

Hero

Two-column grid with title, description, and a photo card with rounded top and gradient fade.

components/hero.html

Clients grid

Full-viewport logo layer with mouse parallax, depth layers, and proximity-based fade.

components/clients.html

Clients marquee

Scroll-driven text along a wave path with animated vertical bar decorations.

components/clients-marquee.html

‹

›

Works carousel

Horizontal card slider with drag, swipe, snap-to-card. Responsive sizing, link suppression on drag.

components/works-carousel.html

Components designed for speed and clarity. No heavy abstractions, no framework lock-in. Each piece works on its own and fits naturally into any layout your agent generates.

Works intro

Text block with a large drop cap via ::first-letter. Pure CSS, no JavaScript.

components/works-intro.html

Contacts Feel free to reach out — project
idea, collaboration, or just hi.

2026 IUREV

Footer

Contact section with social icons, each with independent drop-deformation and water filter on hover.

components/footer.html