Omid Ghaffari-Tabrizi

This site runs on Vituno

Vituno (@fgl/vituno) is a small front-end framework for Eleventy: a design-token sheet, a set of accessibility-guarded components, and a styleguide that proves itself at build time. The page you are reading — its navigation, footer, buttons, and cards — is composed entirely from the framework's shipped primitives, shown unthemed, exactly as vituno ships: these are the framework's own tokens, before any site brand is applied.

Browse the styleguide

What ships

Design tokens, not themes

One :root sheet — color, type scale, spacing, icon metrics. A consuming site overrides tokens, never components: six sites share these primitives and none of them look alike.

tokens.css

Accessibility-guarded components

Top navigation with a keyboard-dismissable mobile disclosure, footer, buttons, cards. Every macro is guarded: given empty input it renders nothing rather than emit a control with no accessible name or a zero-item navigation landmark.

macros.njk

A styleguide that proves itself

The catalog at /styleguide is generated from the component registry, and the build fails when a shipped artifact has no demo — adding a component means demonstrating it, by construction.

/styleguide

A vendored payload, verified byte-for-byte

Sites consume tagged releases through one import script; the vendored tree is byte-compared against the payload manifest in CI. This page is rendered by vituno v0.20.1.

FRAMEWORK_BUILD v0.20.1

See it for yourself

The styleguide is the framework's own catalog — generated from the component registry and rebuilt with every release, so what you browse there is exactly what this page is built from.

Open the styleguide