Design · Website

FC Variable

Interactive playground featuring an isometric goal that morphs like variable typography

Visit robenrobin.nl ↗

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.

What it's 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
Topic
Design Inspiration
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: 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

    Curated daily gallery of exceptional web, product, and brand design.

  • Alejandro Mejias Portfolio

    Personal design portfolio showcasing brutalist layouts, bold typography, and interactive cards.

  • Another Graphic

    Curated archive of contemporary graphic design focused on typography.

  • before

    Curated gallery of App Store screenshot designs, paywalls, and icons

  • Buttermax

    Design studio portfolio featuring playful interactive 3D and retro visuals

  • Case Study Club

    Weekly curated newsletter and publication featuring product design case studies and insights.

All 28 in Design Inspiration →

Updated