Day of Design
← All workTR CYCLES · 2023

Studio design study · An imagined bike shop

Two letters,
one bicycle.

TR CYCLES key visual: the white tile with the bicycle mark on black, beside a giant orange outline TR
The tile and the outline TR · re-set from the 2023 posts

The project

Project
TR CYCLES (study)
Designer
Andy Li
Year
2023
Typeface
Poppins Bold
Formats
16:9 · 1:1 · 3:4

TR CYCLES is a studio design study for an imagined bike shop, made by Andy Li in 2023 without a client. The whole idea lives in the mark: the saddle and seat post make a T, the head tube, bars and fork make an R, and together they make a bicycle. Around it he set a Poppins wordmark in black, orange and white, and a launch set of posts for Instagram, WeChat, Xiaohongshu and the web.

  • Mark
  • Wordmark & lockup
  • Type graphics
  • Social posts in three sizes

The mark

Ride
the letters.

The saddle and seat post make a T; the raked head tube, the bar curling back and the fork make an R. The whole mark sits on a 13 × 9 grid whose module is one stroke: each wheel is five modules across, the wheelbase exactly eight, the saddle three. Every stroke is the same weight, so the bicycle stays clear when it gets small.

TR
TSaddle and seat postRHead tube, bars and fork13 × 9One module = one stroke
Black#000000
RGB 0 0 0
Signal orange#FF6100
RGB 255 97 0
White#FFFFFF
RGB 255 255 255

The wordmark

Orange picks out
the TR.

The wordmark is Poppins Bold in capitals, with the TR picked out in orange so the name matches the two letters hidden in the mark. It comes in two lockups: across, on black, with a white tile; and down, on pale grey, with the tile reversed to black and the name running down the edge of the frame.

The stacked name from the posts: one line solid, the rest in outline

The posts

One set,
three shapes.

Every visual went out in three sizes: 16:9 for the web, 1:1 for Instagram and WeChat, 3:4 for Xiaohongshu. The originals were built on stock photographs of riders and bikes and stock drawings of parts. Here only the designer’s own parts are kept — the stacked name, the giant outline TR, the lockup — re-set as vector artwork, with the mark itself standing in for the stock bicycle drawing.

16:9 web frame: TR CYCLES once in solid orange and twice in outline, the bicycle mark in white below, the lockup top right and an outline TR at the foot

16:9 web frame: TR CYCLES once in solid orange and twice in outline, the bicycle mark in white below, the lockup top right and an outline TR at the foot

Web · 16:9
1:1 post for Instagram and WeChat: an outline TR dropping in from the top edge, the lockup at the foot

1:1 post for Instagram and WeChat: an outline TR dropping in from the top edge, the lockup at the foot

Instagram · WeChat · 1:1
3:4 post for Xiaohongshu: the stacked TR CYCLES, the bicycle mark in white and the lockup

3:4 post for Xiaohongshu: the stacked TR CYCLES, the bicycle mark in white and the lockup

Xiaohongshu · 3:4
The mark on signal orange
Project
TR CYCLES (study)
Year
2023
Scope
Mark · Wordmark & lockup · Type graphics · Social posts in three sizes

A 2023 studio design study by Andy Li for an imagined bike shop; there is no client, commission or launch on file. The emblem path comes unchanged from the source file, and the type is Poppins Bold, as in the originals. The source posts were composed on stock photographs of riders, a stock product photograph of a bicycle and stock drawings of bicycle parts, and one carried a placeholder website filled with lorem ipsum; none of that is used here. The three posts shown were re-set as vector artwork by the studio in 2026 from the 2023 layouts; where a stock bicycle drawing stood, the mark itself stands in. The construction drawing, the closing orange field and the key-visual composition are new presentation for this page.