WorkAboutPlayground

TFT Design: Mythweave

2026
Main RoleVisual Designer
Project TypePersonal Project
SoftwareFigma, Photoshop
Mythweave logo lockup for a speculative Teamfight Tactics set

A speculative Teamfight Tactics set concept: a mythic card frame redesign for the game’s Augment system.

The Mythweave augment choice screen shown on a MacBook in a live match environment
Context

Project Overview

For this project, I designed a custom TFT augment card system for Mythweave, focusing on silhouette, hierarchy, material, and thematic detail. The goal was to create cards that feel native to TFT while introducing a distinct visual language inspired by traditional ornament, clouds, and ceremonial forms.

Research

Visual Identity

Mythweave’s look pulls from three of League’s mythic skin lines, each reinterpreting East Asian myth and ceremony through a different lens: Mythmaker’s folklore-costume energy, Shan Hai Scrolls’ bestiary elegance, and Immortal Journey’s spirit-warrior motion. Together they shaped the ornament, silhouette, and color language behind the card frame.

Mythmaker skin line splash art: oni-mask and flame-costume champions
Inspiration: Mythmaker
Shan Hai Scrolls skin line splash art: champions reimagined as mythic beasts and guardians
Inspiration: Shan Hai Scrolls
Mythmaker skin line in-game model renders showing the red-and-gold festival costume details
Inspiration: Mythmaker, in-game models
Immortal Journey skin line splash art: spirit-warrior champion in motion with red ribbon motifs
Inspiration: Immortal Journey

Before designing anything original, I pulled these references together into a single board of ornament patterns, past set art direction, and color studies, to work out what Mythweave should borrow and what it needed to do differently.

Moodboard of Lunar and mythic reference material: ornament patterns, past TFT set art, color palettes, and iconography
Mood and reference board: ornament patterns, past set art direction, and color studies gathered before designing Mythweave's own frame.

Auditing past sets

Before drawing anything, I pulled up how TFT had framed its augments across previous sets. The art direction is thrown out and rebuilt every set, so the frames share almost no ornament, palette, or silhouette with each other.

A TFT augment selection screen in a gold and rose ornate frame, offering Preparation I, Band of Thieves, and On a Roll
Gold and rose, ornate scrollwork
A TFT augment selection screen in a purple crystal frame, offering Tons of Stats, Kahunahuna, and Exclusive Customization
Purple crystal, shard silhouette
A TFT augment selection screen in a green foliage frame, offering Worth the Wait, Calculated Loss, and Hustler
Green foliage, overgrown edges
An augment card marked up with measurement guides: the icon occupies the top third and roughly the middle half of the width, and the text box fills the bottom two thirds
Measuring the constant underneath the art direction.

What stays constant

What does not change is the proportion. Measured against each other, every set puts the icon in the top third of the card and the text box in the bottom two thirds, and the icon sits across roughly half the card’s width.

That gave me the structure to design against: Mythweave could take its own ornament, palette, and silhouette as far as I wanted, as long as it hit those proportions and still read as a TFT augment at a glance.

Process

Designing the Card Frame

I started with quick thumbnails testing different crest silhouettes, from palace eaves to floral crowns to radiating fans, before narrowing toward a direction.

Early thumbnail sketches exploring four different card crest silhouettes, one labeled 'palace'
Early exploration: testing crest silhouettes before committing to a direction.

From there I iterated on the frame more systematically, weighing East Asian traditional, heavenly, and Victorian ornament against each other under the “Mythweave” theme, before landing on the crane-and-cloud crest that carried into the final frame.

A sheet of card frame silhouette iterations with theme notes reading 'Myth Weave: east asian traditional + heavenly + victorian'
Iterating on frame silhouette and ornament direction against the Mythweave theme.

The frame then went through two full digital passes. Between versions, I reworked the border scallop shape, tightened the crane-and-cloud crest, simplified the corner gem, and rebalanced the floral accents so they framed the content without competing with it.

Mythweave augment card frame, first iteration, showing the Preparation I augment
Version 1
Mythweave augment card frame, second iteration, showing the Preparation I augment with a refined border and crest
Version 2: refined border, crest, and gem detailing
The full design process, start to finish.
Result

Final Cards

The finished frame applied across augment tiers and content types, each carrying its own icon treatment and color weight while staying unmistakably part of the same set.

Mythweave silver-tier augment card, Augmented Power
Silver: Augmented Power
Mythweave gold-tier augment card, Arcane Viktor-y
Gold: Arcane Viktor-y
Mythweave prismatic-tier augment card, Flexible
Prismatic: Flexible

Stress Test

TFT ships in more than a dozen languages, so I checked the frame against real localization strings, not just the English copy. Testing the same augment across English, Chinese, Irish, Russian, Arabic, German, and Lithuanian confirmed the text block could flex to very different line lengths and scripts, including right-to-left text, without breaking the frame’s proportions.

The Flexible augment card localized into englishThe Flexible augment card localized into chineseThe Flexible augment card localized into irishThe Flexible augment card localized into russianThe Flexible augment card localized into arabicThe Flexible augment card localized into germanThe Flexible augment card localized into lithuanianThe Flexible augment card localized into englishThe Flexible augment card localized into chineseThe Flexible augment card localized into irishThe Flexible augment card localized into russianThe Flexible augment card localized into arabicThe Flexible augment card localized into germanThe Flexible augment card localized into lithuanian

In the Game

To check how the frame would actually hold up in play, I mocked up the augment choice screen inside a live match environment, checking legibility, color contrast, and scale against real gameplay rather than an isolated card.

Mythweave augment choice screen mocked up inside a live Teamfight Tactics match, showing the Baron's Lair, Flexible, and Belt Overflow augment cards
In-game mockup: the Mythweave augment choice screen during a match.
Reflection

What I'd Carry Forward

Next ProjectWarframe Referral Page