The Blonde Abroad

header .flo-header.is-not-sticky{color:#000000;background-color:#ffffff}header .flo-header.is-not-sticky .flo-header__logo, header .flo-header.is-not-sticky .flo-header__menu > div > ul > .menu-item > a, header .flo-header.is-not-sticky .flo-header__menu-trigger, header .flo-header.is-not-sticky .flo-header__search-trigger, header .flo-header.is-not-sticky .flo-header__search-form-input{color:inherit}.flo-header--sticky .is-sticky .flo-header{background:rgba(255,255,255,1);color:#000000}.flo-header--sticky .is-sticky .flo-header__logo, .flo-header--sticky .is-sticky .flo-header__menu > div > ul > li, .flo-header--sticky .is-sticky .flo-header__menu-trigger, .flo-header--sticky .is-sticky .flo-header__search-trigger, .flo-header--sticky .is-sticky .flo-header__search-form-input, .flo-header--sticky .is-sticky .flo-header__search-form-submit, .flo-header--sticky .is-sticky .flo-header__lang-switch{color:inherit!important}.flo-header ul ul{background-color:#f8f8f8}.flo-header ul ul a{color:#000000!important}@media (min-width:768px) and (max-width:1024px){.flo-header__logo{max-width:23.125rem}}@media (min-width:1025px){.flo-header__logo{max-width:28.125rem}}

.flo-header__search-form-label{font-family:IvarDisplayCondensed-Light;font-size:1.625rem;letter-spacing:0.04em;word-spacing:0em;line-height:1.51em;text-transform:none;font-weight:normal}@media screen and (max-width:767px){.flo-header__search-form-label{font-size:1.5rem;line-height:1.51em}}.flo-header__search-form-input{font-family:adobe-caslon-pro_normal_400;font-size:1.125rem;letter-spacing:0em;word-spacing:0em;line-height:1.7em;text-transform:none;font-weight:normal}@media screen and (max-width:767px){.flo-header__search-form-input{font-size:0.75rem;line-height:1.7em}}

.flo-header-mobile__logo{max-width:22.5rem}.is-main.flo-header-mobile{background-color:#ffffff}.is-main.flo-header-mobile .flo-header-mobile__search-trigger, .is-main.flo-header-mobile .flo-header-mobile__menu-trigger, .is-main.flo-header-mobile .flo-header-mobile__logo, .is-main.flo-header-mobile .flo-header-mobile__menu{color:inherit}.is-main.flo-header-mobile{color:#000000!important}.is-main.flo-header-mobile .flo-header-mobile__menu{border-color:#000000}

.flo-block-slideshow-3__bottom-area{position:absolute;top:30%;left:50%;width:40rem;transform:translate(-50%,-30%);bottom:none;right:0;padding:1.5625rem 0}.flo-block-slideshow-3__title{position:absolute;left:50%;transform:translate(-50%,-50%);left:50%;top:50%;width:40rem}.flo-block-slideshow-3__bottom-area{border-top:0}.flo-block-slideshow-3__arrows{display:none}.flo-block-slideshow-3__counter{display:none}@media (max-width:767px){.flo-block--796{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--796{margin-top:0rem;margin-bottom:0rem}}

.flo-block-slideshow-3--725 .flo-block-slideshow-3__counter{font-family:Mallory-Compact-Book;font-size:0.6875rem;letter-spacing:0.4em;word-spacing:0em;line-height:2.25em;text-transform:none;font-weight:normal}@media screen and (max-width:767px){.flo-block-slideshow-3--725 .flo-block-slideshow-3__counter{font-size:0.5rem;line-height:2.25em}}.flo-block-slideshow-3--725 .flo-block-slideshow-3__subtitle{font-family:Mallory-Compact-Book;font-size:0.6875rem;letter-spacing:0.4em;word-spacing:0em;line-height:2.25em;text-transform:none;font-weight:normal}@media screen and (max-width:767px){.flo-block-slideshow-3--725 .flo-block-slideshow-3__subtitle{font-size:0.5rem;line-height:2.25em}}.flo-block-slideshow-3--725 .flo-block-slideshow-3__title{font-family:RightGrotesk-CompactBold;font-size:5rem;letter-spacing:0.02em;word-spacing:0em;line-height:1.3em;text-transform:uppercase;font-weight:normal}@media screen and (max-width:767px){.flo-block-slideshow-3--725 .flo-block-slideshow-3__title{font-size:2.125rem;line-height:1.3em}}

–

@media (max-width:767px){.flo-block--1911 flo-block--dev-block{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--1911 flo-block--dev-block{margin-top:0rem;margin-bottom:0rem}}

project

Client

Travel

Project Type

Brand Identity / Illustration / Web Design / Collaterals

Overview

Branding and web design for The Blonde Abroad — the go-to website for solo and female travel around the world — including logo design, custom illustrations, typography, and overall brand tonality. The goal was to launch a new brand and website that is best in class in user experience, navigation and champions innovation within the Travel Blogging category.

Photos and Content:

The Blonde Abroad

Development:

Chris Richardson

theblondeabroad.com

@media (max-width:767px){.flo-block--8698 flo-block--dev-block{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--8698 flo-block--dev-block{margin-top:0rem;margin-bottom:0rem}}

Creative Direction

As a top digital destination for the solo and female travel community, I created a visual identity centered around Kiersten’s past travel experiences and “Travel Tribe” community. The new brand and website weaves together layered details and surprising moments — taking audiences through a journey that feels fresh, exciting and adventurous yet refined.

@media (max-width:767px){.flo-block--9906 flo-block--dev-block{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--9906 flo-block--dev-block{margin-top:0rem;margin-bottom:0rem}}

Typography and Color

The color palette is feminine yet playful. The darker tones bring a vintage charm, complemented by the subtlety of the pastel tones.

@media (max-width:767px){.flo-block--9698 flo-block--dev-block{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--9698 flo-block--dev-block{margin-top:0rem;margin-bottom:0rem}}

@media (max-width:767px){.flo-block--7567{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--7567{margin-top:0rem;margin-bottom:0rem}}

.flo-divider--795 .flo-divider__line{width:80%;background-color:#e5e5e5}.flo-divider--795{background-color:transparent}@media (max-width:767px){.flo-divider--795{height:0.0625rem}.flo-divider--795 .flo-divider__line{width:80%}}@media (min-width:768px){.flo-divider--795{height:1.875rem}.flo-divider--795 .flo-divider__line{width:80%}}

@media (max-width:767px){.flo-block--9089 flo-block--dev-block{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--9089 flo-block--dev-block{margin-top:0rem;margin-bottom:0rem}}

@media (max-width:767px){.flo-block--960 flo-block--dev-block{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--960 flo-block--dev-block{margin-top:0rem;margin-bottom:0rem}}

@media (max-width:767px){.flo-block--7485 flo-block--dev-block{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--7485 flo-block--dev-block{margin-top:0rem;margin-bottom:0rem}}

@media (max-width:767px){.flo-block--7104 flo-block--dev-block{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--7104 flo-block--dev-block{margin-top:0rem;margin-bottom:0rem}}

@media screen and (min-width:48em){.flo-block-slideshow-2__slide-img{height:63vh;margin:0 1rem !important}}@media (max-width:767px){.flo-block--5742{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--5742{margin-top:-4.0625rem;margin-bottom:0.125rem}}

.flo-block-slideshow-2--29 .flo-block-slideshow-2__pretitle{font-family:Mallory-Compact-Book;font-size:0.6875rem;letter-spacing:0.4em;word-spacing:0em;line-height:2.25em;text-transform:none;font-weight:normal}@media screen and (max-width:767px){.flo-block-slideshow-2--29 .flo-block-slideshow-2__pretitle{font-size:0.5rem;line-height:2.25em}}.flo-block-slideshow-2--29 .flo-block-slideshow-2__title{font-family:IvarDisplayCondensed-Light;font-size:1.25rem;letter-spacing:0.04em;word-spacing:0em;line-height:1.5em;text-transform:none;font-weight:normal}@media screen and (max-width:767px){.flo-block-slideshow-2--29 .flo-block-slideshow-2__title{font-size:1.125rem;line-height:1.5em}}.flo-block-slideshow-2--29{color:#000000;background-color:#ffffff}.flo-block--376 .flo-header-mobile{color:#000000}.flo-block-slideshow-2--29 .flo-block-slideshow-2__logo{max-width:15.625rem}

@media (max-width:767px){.flo-block--7278{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--7278{margin-top:-1.875rem;margin-bottom:0rem}}

.flo-text-block-2--838 .flo-text-block-2__title{font-family:IvarDisplayCondensed-Light;font-size:1.25rem;letter-spacing:0.04em;word-spacing:0em;line-height:1.5em;text-transform:none;font-weight:normal}@media screen and (max-width:767px){.flo-text-block-2--838 .flo-text-block-2__title{font-size:1.125rem;line-height:1.5em}}.flo-text-block-2--838{color:#000000;background-color:#ffffff}@media (min-width:768px){.flo-text-block-2--838 .flo-text-block-2__text-column{width:calc(100% / 3)}.flo-text-block-2--838 .flo-text-block-2__text-column:not(:last-child){margin-right:calc(100px / 3)}}

Single Travel Guides

Start Here Page

Dedicated Category Page

@media (max-width:767px){.flo-block--680 flo-block--dev-block{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--680 flo-block--dev-block{margin-top:0rem;margin-bottom:0rem}}

@media (max-width:767px){.flo-block--5188{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--5188{margin-top:0rem;margin-bottom:0rem}}

.flo-featured-links-1--497 .flo-featured-links-1__title{font-family:IvarDisplayCondensed-Light;font-size:1.625rem;letter-spacing:0.04em;word-spacing:0em;line-height:1.51em;text-transform:none;font-weight:normal}@media screen and (max-width:767px){.flo-featured-links-1--497 .flo-featured-links-1__title{font-size:1.5rem;line-height:1.51em}}.flo-featured-links-1--497 .flo-featured-links-1__link{font-family:IvarDisplayCondensed-Light;font-size:1.0625rem;letter-spacing:0.04em;word-spacing:0em;line-height:1.25em;text-transform:none;font-weight:normal}@media screen and (max-width:767px){.flo-featured-links-1--497 .flo-featured-links-1__link{font-size:1.5rem;line-height:1.25em}}.flo-featured-links-1--497{color:#000000}.flo-featured-links-1--497 .flo-featured-links-1__link:before{background-color:rgba(0,0,0,1)}.flo-featured-links-1--497 .flo-featured-links-1__links-wrap:before{background-color:#f8f8f8}.flo-featured-links-1--497 .flo-featured-links-1__links-title-wrap{border-color:rgba(0,0,0,0.1)}

More Projects

The Blonde Abroad Chloédigital

.flo-social-block--874 .flo-social-block__social-links-title{font-family:RightGrotesk-CompactBold;font-size:0.625rem;letter-spacing:0.2em;word-spacing:0em;line-height:1.58em;text-transform:uppercase;font-weight:normal}@media screen and (max-width:767px){.flo-social-block--874 .flo-social-block__social-links-title{font-size:0.625rem;line-height:1.58em}}.flo-social-block--874 .flo-social-block__social-links-label{font-family:Mallory-Compact-Book;font-size:0.6875rem;letter-spacing:0.4em;word-spacing:0em;line-height:2.25em;text-transform:none;font-weight:normal}@media screen and (max-width:767px){.flo-social-block--874 .flo-social-block__social-links-label{font-size:0.75rem;line-height:2.25em}}.flo-social-block--874 .flo-social-block__instagram-title{font-family:RightGrotesk-CompactBold;font-size:0.625rem;letter-spacing:0.2em;word-spacing:0em;line-height:1.58em;text-transform:uppercase;font-weight:normal}@media screen and (max-width:767px){.flo-social-block--874 .flo-social-block__instagram-title{font-size:0.625rem;line-height:1.58em}}.flo-social-block--874 .flo-social-block__instagram-title-over-image{font-family:Mallory-Compact-Book;font-size:0.6875rem;letter-spacing:0.4em;word-spacing:0em;line-height:2.25em;text-transform:none;font-weight:normal}@media screen and (max-width:767px){.flo-social-block--874 .flo-social-block__instagram-title-over-image{font-size:0.75rem;line-height:2.25em}}.flo-social-block--874, .flo-social-block__newsletter-submit{color:#ffffff;background-color:#000000}.flo-social-block--874 .flo-social-block__social-links-label, .flo-social-block--874 .flo-social-block__email-input{border-color:rgba(255,255,255,0.2)!important}.flo-social-block--874 .flo-social-block__social-columns-wrap, .flo-social-block--874 .flo-social-block__column{border-color:#ffffff!important}

@media (max-width:767px){.flo-block--1615{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--1615{margin-top:0rem;margin-bottom:0rem}}

project

Client