Skip to content

43 · Everything in one place

Downloads

Every piece comes in SVG (vector, editable) and PNG (ready to use). The full kit also includes the editable masters.

Full kit

SVG, PNG, favicon and editable masters in a single file.

Download the kit (ZIP)

Manual as PDF

The whole manual, to read offline or print. Interactive widgets appear in their initial state.

Download the manual (PDF)

Color tokens

Copy the colors as CSS variables, JSON or Tailwind, from the color section.

Go to the tokens

Typography

Inter and JetBrains Mono, with a free license (OFL). Download them from their official source.

Inter JetBrains Mono

Interface icons

SVG sprite with the 28 custom 24 px icons.

Download sprite

Sample data

The fictional patterns for screenshots are on the sample data page.

Review checklist

Check any piece before publishing it.

File library

Horizontal, color — Horizontal, colorheliodore-horizontal-sin-slogan-una-tinta-color SVG PNG

Horizontal, color on dark — Horizontal, color on darkheliodore-horizontal-sin-slogan-una-tinta-color-fondo-oscuro SVG PNG

Horizontal, black — Horizontal, blackheliodore-horizontal-sin-slogan-una-tinta-negro SVG PNG

Horizontal, white — Horizontal, whiteheliodore-horizontal-sin-slogan-una-tinta-blanco SVG PNG

Horizontal, flat — Horizontal, flatheliodore-horizontal-sin-slogan-plano-color SVG PNG

Horizontal, flat on dark — Horizontal, flat on darkheliodore-horizontal-sin-slogan-plano-color-fondo-oscuro SVG PNG

White on color — White on colorheliodore-horizontal-sin-slogan-negativo-blanco-una-tinta SVG PNG

Black on color — Black on colorheliodore-horizontal-sin-slogan-negativo-negro-una-tinta SVG PNG

Stacked, color — Stacked, colorheliodore-stacked-sin-slogan-una-tinta-color SVG PNG

Stacked, color on dark — Stacked, color on darkheliodore-stacked-sin-slogan-una-tinta-color-fondo-oscuro SVG PNG

Stacked, black — Stacked, blackheliodore-stacked-sin-slogan-una-tinta-negro SVG PNG

Stacked, white — Stacked, whiteheliodore-stacked-sin-slogan-una-tinta-blanco SVG PNG

Icon, color — Icon, colorheliodore-icono-una-tinta-color SVG PNG

Icon, color on dark — Icon, color on darkheliodore-icono-una-tinta-color-fondo-oscuro SVG PNG

Icon, black — Icon, blackheliodore-icono-una-tinta-negro SVG PNG

Icon, white — Icon, whiteheliodore-icono-una-tinta-blanco SVG PNG

Icon, flat — Icon, flatheliodore-icono-plano-color SVG PNG

Wordmark, colorheliodore-wordmark-sin-slogan-una-tinta-color SVG PNG

Wordmark, blackheliodore-wordmark-sin-slogan-una-tinta-negro SVG PNG

Wordmark, whiteheliodore-wordmark-sin-slogan-una-tinta-blanco SVG PNG

App, Reflect — App, Reflectheliodore-app-reflect SVG PNG

App, Reflect square — App, Reflect squareheliodore-app-reflect-cuadrado SVG PNG

App, flat — App, flatheliodore-app-plano SVG PNG

App, flat square — App, flat squareheliodore-app-plano-cuadrado SVG PNG

App, cutout — App, cutoutheliodore-app-recortado SVG PNG

Faviconheliodore-favicon-64 SVG PNG

Apple touch icon (180)heliodore-apple-touch-icon SVG PNG

PWA 192 — PWA 192heliodore-pwa-192 SVG PNG

PWA 512 — PWA 512heliodore-pwa-512 SVG PNG

Reflect horizontal, light — Reflect horizontal, lightheliodore-reflect-horizontal-sin-slogan-fondo-claro SVG PNG

Reflect horizontal, dark — Reflect horizontal, darkheliodore-reflect-horizontal-sin-slogan-fondo-oscuro SVG PNG

Reflect stacked, light — Reflect stacked, lightheliodore-reflect-stacked-sin-slogan-fondo-claro SVG PNG

Reflect stacked, dark — Reflect stacked, darkheliodore-reflect-stacked-sin-slogan-fondo-oscuro SVG PNG

The file library with previews is in the web version of the manual.