# FC Variable

> Interactive playground featuring an isometric goal that morphs like variable typography

FC Variable is an experimental design project by RobenRobin that applies variable font mechanics to illustration. It presents an isometric football goal packaged as a font file that morphs smoothly across multiple styles via cursor movement and control sliders. It serves as creative inspiration for building interactive, customizable vector graphics.

Website: https://robenrobin.nl/fcvariable

## What it is for

- Explore inspiration for interactive web graphics and creative typography
- Study how variable font technology can be applied to vector illustrations
- Interact with dynamic typography-driven animation controls

## Features

- Delivered in .woff2 variable font format
- Nine named style variations including Condensed, Bold, Italic, and Serif
- Interactive cursor tracking and position controls
- Speed sliders and automation modes that cycle through morphing states
- Playful physical manipulation options like lifting and tilting the goal

## Pricing

Free

## Details

- Type: Website
- Category: [Design](https://xiry.app/topics/design.md)
- Topic: [Design Inspiration](https://xiry.app/topics/design/design-inspiration.md)
- Open source: no
- Platforms: Web
- For: Web designers, motion designers, and creative developers
- Tags: typography, variable fonts, illustration, interactive, animation

## Why it was saved

- [@d__raptis, 25 March 2024](https://x.com/d__raptis/status/1772190502072516948): A model for making illustrations unique, customizable and interactive — inspired by variable fonts. Raptis calls it one of the best design explorations he's seen.

## Related

- [Recent](https://xiry.app/resources/recent): Curated daily gallery of exceptional web, product, and brand design. (Website, Free)
- [Alejandro Mejias Portfolio](https://xiry.app/resources/alejandro-mejias-portfolio): Personal design portfolio showcasing brutalist layouts, bold typography, and interactive cards. (Website, Free)
- [Another Graphic](https://xiry.app/resources/another-graphic): Curated archive of contemporary graphic design focused on typography. (Website, Free)
- [before](https://xiry.app/resources/before): Curated gallery of App Store screenshot designs, paywalls, and icons (Website, Free)
- [Buttermax](https://xiry.app/resources/buttermax): Design studio portfolio featuring playful interactive 3D and retro visuals (Website, Free)
- [Case Study Club](https://xiry.app/resources/case-study-club): Weekly curated newsletter and publication featuring product design case studies and insights. (Website, Free)

Updated 10 October 2026. Page: https://xiry.app/resources/fc-variable

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.