fueler

Landing page redesign

A playful desktop workspace illustration with a laptop, coffee and creative tools

UI Challenge

Fueler landing page redesign challenge brief

Desk research

Understanding NeoPOP aesthetics, with research into vibrant color palettes, bold shapes, pop culture references, and playful compositions.

NeoPOP visual references and interface explorations
Mobile portfolio and creator profile references
Colorful creator-led landing page references
NeoPOP interface composition studies
Visual patterns and card layouts
Playful landing page concept references
Illustration and object composition references
NeoPOP shapes and color explorations
Creator portfolio art direction references

Color

Fueler’s color palette brings together bold contrasts and vibrant accents to reflect creativity, energy, and individuality—giving people’s work a space to stand out. Together, these colors create a playful, expressive NeoPOP identity that connects with creators and reinforces Fueler’s focus on showcasing talent through proof of work.

Brand palette

Electric cyan#0EDFEA
Deep indigo#0D0543

Accent palette

Violet#7F56D9
Soft pink#EEA5FF
Electric blue#001AFC
Pop pink#EF116F

Neutral palette

Black#000000
Grey#B7B7B7
White#FFFFFF

Typography

Fueler’s typography balances vibrant energy and professionalism with a modern type pairing, reinforcing the commitment to a trustworthy platform.

Primary Typeface

Poppins

Secondary Typeface

Bricolage
Grotesque

Headline/Extrabold - 68

Sub - Headline/Bold - 40

Body/Medium - 20

Body/Regular - 18

Body/Regular - 16

Design

Full-length desktop Fueler landing page redesign
Desktop
Full-length mobile Fueler landing page redesign
Mobile
Final direction

Vibe coded website

The visual system comes together in a responsive landing page concept, carrying the NeoPOP direction from desktop through mobile.

Fueler landing page concept previewOpen design preview ↗