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, rendered with this site's tokens.

Browse the styleguide Vituno on GitHub

What ships

Design tokens, not themes

One :root sheet — color, type scale, spacing, icon metrics. A consuming site overrides tokens, never components: five 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.6.0.

FRAMEWORK_BUILD v0.6.0

Get started

Vituno ships as a tagged payload consumed straight from the repository — read the release notes, then vendor the payload with the canonical import script and register the Eleventy plugin with one line.

Get the framework Release notes