FTY.xyz / Type System

Type Lab

A working reference for the FTY wordmark family, display typography, mono labels, signal colors, and responsive identity behavior.

Display.
Explain.
Label.

The FTY system separates expressive display type from readable explanation and compact metadata. Each role has a defined voice.

Display / 01
FORM TYPE YIELD
Heading / 02
A three-letter identity with room to move.
Body / 03
Readable product and editorial copy uses a calm system sans, controlled line length, and enough spacing to stay clear across mobile, tablet, and desktop screens.
Label / 04
FTY.xyz / Specimen 2026 / Responsive wordmark

Signal
palette.

Black and yellow create the stable identity field. Chromatic accents provide hierarchy and campaign energy without becoming the only way the brand is recognized.

Ink#111111
Signal yellow#FFE547
Pulse pink#FF3DA9
Vector purple#7C3CFF
Interface blue#1F79FF

Responsive
logo roles.

The identity changes configuration according to space, but every variant preserves the same structural rhythm.

PRIMARY / 160PX+

FTY wordmark

Hero sections, presentation covers, large editorial cards, and full-width launch moments.

COMPACT / 72PX+

FTY.xyz lockup

Sticky navigation, article headers, product bars, partner rows, and structured cards.

MINIMAL / 16PX+

F mark

Favicon, app icon, social avatar, compact product state, and small attribution.

Usage
principles.

The Type Lab is not a static style poster. These rules protect recognition and readability when the identity enters new formats.

Protect the silhouette

Use the approved proportions. Do not stretch, rotate, outline, or redraw the primary assets outside the documented concept variants.

Reserve the strongest color

Keep most reading surfaces calm. Use gradients and bright accents to signal priority rather than covering every component.

Let containers grow

Typography should resize, wrap, and accept increased spacing without clipping or overlap.

Test actual pixels

Review mobile headers, favicons, avatars, and interface labels at the size people will encounter them.

Turn the specimen into a usable system.

A memorable mark earns value when teams can apply it correctly across web, product, presentation, and launch work.