FLEX / BRAND STUDY

WIP

Flex lil x

Flex brand study

01MAKES MONEY FEEL MANAGEABLE

02FLEXES FROM PRODUCT TO CULTURE

03DISTINCTIVE AT APP-ICON SCALE

04BUILT TO MOVE, BUILT TO LAST

01

THE LIL X

MASTER SHAPE / CORE SYSTEM

PRIMARY

INK ON PAPER

Flex lil x in black
01POSITIVE

REVERSE

PAPER ON INK

Flex lil x in white
02NEGATIVE

OUTLINE

INK ON PAPER

Outlined Flex lil x in dark grey
03OUTLINE POSITIVE

OUTLINE / REVERSE

PAPER ON INK

Outlined Flex lil x in white
04OUTLINE NEGATIVE

02

WORDMARK

PRIMARY / REVERSE

Flex wordmark
PRIMARYFLEX™
REVERSEFLEX™
DOWNLOAD WORDMARK SVG ↓

03

TYPOGRAPHY

CLEAR / QUIET / DIRECT

TYPEFACE

TIMELESS SANS

REGULAR GROTESK

AaBa

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789 !?@#$%&*()+−=/:;,.<>[]

04

TRUE-SIZE TESTS

SMALL MARK / BIG CHARACTER

16PX

Flex lil x at 16 pixels

32PX

Flex lil x at 32 pixels

64PX

Flex lil x at 64 pixels

128PX

Flex lil x at 128 pixels

05

PRIMARY COLOR

YELLOW / BLACK / WHITE

FLEX YELLOW#C8FF3D
HOT PAPER#FFFDF2
FLEX GREY#222222

07

PRIMARY APPLICATIONS

YELLOW / BLACK / WHITE

SWAG

PRIMARY PALETTE / EVERYDAY OBJECTS

Black Flex T-shirt on white
01 / WORDMARK TEE
Yellow Flex tote on white
02 / EVERYDAY TOTE
Black Flex cap on whiteWhite Flex lil x on black cap
03 / LIL X CAP
Yellow Flex branded packing tape
04 / FLEX PACKING TAPE
White Flex phone case with dark lil x
05 / LIL X PHONE CASE
Flex lil x keychain in yellow
06 / LIL X KEYCHAIN

PHONE / APP ICON

YELLOW / PAPER / FLEX GREY

Loading screeniOS / Core color system

CARD SYSTEM

NATIVE / CORE COLORWAYS

01FLEX YELLOW
02HOT PAPER
03FLEX GREY

PRODUCT SURFACES

REAL-WORLD SYSTEM

FLEX — YOUR BILLS
Flex

GET YOUR BILLS TOGETHER.

NEXT UP3 BILLS
POWERFRI / 04
INTERNETMON / 07
RENTTHU / 10
AUTOPAY ONFlex lil x

BRAND PALETTE

PRIMARY + SECONDARY

PRIMARY / FLEX YELLOW

#C8FF3D

SECONDARY / ELECTRIC

#7B45FF

SECONDARY / SIGNAL

#FF4F2E

NEUTRAL / HOT PAPER

#FFFDF2

NEUTRAL / FLEX GREY

#222222

08

MARK TREATMENTS

ONE SHAPE / MANY SURFACES

TREATMENT INDEX

SCROLL TO EXPLORE →

01SOLID / INK
02REVERSE / PAPER
03OUTLINE / FINE
Outlined Flex lil x — outline / fine
04PRIMARY / YELLOW
05PAPER FLARE
06IRIDESCENT
Flex lil x — iridescent
07YELLOW / PAPER
08LIQUID GLASS
Flex lil x — liquid glass
09ELECTRIC / SECONDARY
10DEEP CHROME
Flex lil x — deep chrome
11SIGNAL / SECONDARY
12OUTLINE / REVERSE
Outlined Flex lil x — outline / reverse

FLEX LABS

MATERIAL / DEPTH / INTERACTION

IDENTITY PLAYGROUNDLIVE MARK STUDY
PILLOW X / GLOSS CHROME01
01 / EXTRUDEDDRAG TO ROTATE
02 / PILLOWDRAG TO ROTATE

06

VOICE

BILLS, PUT IN THEIR PLACE

01 / ORGANIZE

GET YOUR BILLS TOGETHER.

02 / CONTROL

PUT BILLS IN THEIR PLACE.

03 / MOMENTUM

GET ON TOP—AND STAY THERE.

10

INTERFACE

BUTTONS / STATES / COMPONENTS

BUTTONS / UI

ISOLATED COMPONENT STUDIES

01 / SPLIT ACTIONPRIMARY
02 / PAY ACTIONSECONDARY
03 / SPLIT ICONCOMPACT
04 / ADD ICONCOMPACT
05 / CONFIRM ICONCOMPACT
06 / PROGRESS3 OF 4 PAID
Split status75%

09

MOTION EXPERIMENTS

STRETCH / SPLIT / REFORM

01 / LOADING STATES

AUTOPLAY / 1:1 LOOPS

01 / DOT ORBITMETABALL
COLLAPSE / SPIN / REFORM6.0 SEC
02 / PULSE TURN90° STEPS
PULSE / TURN / REPEAT6.4 SEC
03 / MULTIPLY1 → 4 → 1
METABALL / HOLD / RETURN4.8 SEC

METABALL EFFECT

1 X

Flex lil x

DRAG TO MULTIPLY THE MARK

1X / 2X / 4X

04 / COLLAPSE + RELEASE

TAP TO TRIGGER