FioBros.com Redesign

Three distinct directions for the new site. Pick the one that feels right — or mix elements from multiple. This is your starting point, not the final product.

Your Current Site (Webflow)

Current FioBros.com

Good bones, solid content. We're keeping what works and leveling up the design.

Direction 01
The Night Thinker
Dark, cinematic, philosophical. Deep backgrounds with electric yellow accents. It says: "We think deeply about life — and we look damn good doing it."
Memento Mori Cinematic Premium Powerful Dramatic Photography
Mindset over everything.
Mike & Nick Fio — Brooklyn brothers, podcasters, TED speakers, and the team behind Blankets of Hope.
Start Here
As seen on — The Amazing Race · Forbes · TED
Momento Mori
#000813
Deep Navy
#0d1b2a
Fio Yellow
#FFFF00
Light Text
#EDEDED
Muted Blue
#8899aa

Typography Feel

MASTER YOUR MIND.

From taking bubble baths in our Brooklyn basement to traveling the globe on The Amazing Race — it's been quite the journey. But the real adventure? Learning to master your mindset.

Best For

Maximum brand impact. Speaks to the Memento Mori philosophy. Bold, authoritative presence. Works great for speaking engagements and partnership pitches. The kind of site where someone lands and immediately thinks "these guys are legit."

Inspiration

Gary Vaynerchuk
garyvaynerchuk.com
Dark base, bold typography, strong personal brand, yellow accents
Huberman Lab
hubermanlab.com
Dark + clean, content-rich, podcast-first design, blue accent energy

Section Flow

  • Full-screen dark hero with cinematic photo + bold tagline
  • "As Seen On" logo bar (Amazing Race, Forbes, TED, CBS)
  • Newsletter signup — "One Good Quote" with preview card
  • Podcast section — embedded player, latest episodes
  • About — origin story with dramatic B&W photography
  • Impact stats (200K+ followers, 100M+ views, 1B+ impressions)
  • Speaking/Partnerships — "Work With Us" CTA
  • Testimonials + press logos
Direction 02
The Warm Editorial
Cream backgrounds, paper textures, handwritten elements. Think: a beautiful magazine about living well, written by two Brooklyn guys who actually mean it.
Warm Editorial Paper Textures Approachable Handwritten
Master your mind, one day at a time.
The Fio Bros — Brooklyn brothers on a mission to help you stress less and smile more.
START HERE →

"Live fully and spread love." ✌️

Cream
#FCF6E9
Momento Mori
#000813
Fio Yellow
#FFFF00
Paper
#e8dcc8
Ink
#8a7e6b

Typography Feel

Upgrade your mindset

Get One Good Quote. Every weekday. Straight to your inbox. A daily dose of wisdom to start your morning with intention and end your day with gratitude.

Best For

Staying true to the existing brand guidelines. Most aligned with the yellow post-its, paper textures, and philosophical illustration style. Feels approachable and inviting — the kind of site where people actually sign up for the newsletter. Matches the "kind, helpful, humorous, inviting" brand personality perfectly.

Inspiration

Mark Manson
markmanson.net
Warm mint tones, clean editorial layout, personality-driven copy, newsletter-first
Ali Abdaal
aliabdaal.com
Warm, friendly, hand-drawn elements, personal but polished, multiple CTAs
Ryan Holiday
ryanholiday.net
Stoic philosophy vibe, books-forward, newsletter CTA prominent, classic editorial

Section Flow

  • Warm cream hero with serif headline + yellow highlighted keyword + photos
  • "As Seen On" press bar on paper texture
  • Newsletter — "One Good Quote" with phone mockup + yellow post-it
  • Podcast — hand-drawn podcast icon, episode previews on cards
  • About — personal storytelling with warm photography, handwritten annotations
  • Blankets of Hope section with impact photos
  • Speaking/Partnerships — philosophical illustration + stats
  • Quote footer with textured background
Direction 03
The Modern Studio
Ultra-clean, tons of whitespace, oversized typography, subtle animations. Think: Apple meets a NYC creative studio. Confident, modern, zero clutter.
Minimal Bold Typography Whitespace Contemporary Animated
Mindset Over Everything.
Podcasters. TED Speakers. Dreamers. Brooklyn brothers on a mission to help you live fully.
226K+
Followers
100M+
Views
1B+
Impressions
White
#FFFFFF
Black
#000000
Off White
#F5F5F5
Fio Yellow
#FFFF00
Gray
#999999

Typography Feel

The Brooklyn Brothers.

From The Amazing Race to the TED stage. From blankets on the street to a podcast heard around the world. This is our story.

Best For

Maximum visual impact with minimum elements. Feels like a high-end creative agency built it. Great for impressing speaking bookers and brand partners. The animations and whitespace create a sense of confidence and premium quality. Most "2026" feeling of the three.

Inspiration

Lewis Howes
lewishowes.com
Clean white, bold serif typography, podcast + book focus, modern layout

Section Flow

  • Centered hero with massive typography + pill-shaped CTAs + animated stats counter
  • Scrolling "As Seen On" marquee (logo strip that moves)
  • Full-width photo break with parallax
  • Newsletter section — minimal, single input, strong headline
  • Podcast — grid of episode cards with hover animations
  • About — side-by-side layout, big numbers, timeline
  • Speaking reel — embedded video with clean overlay
  • Minimal footer with social icons