Take Me – free travel UI kit for Sketch & Adobe Xd

Last Updated on July 13, 2026 by Editorial Team

A cool travel UI kit that includes multiple components like headers, hero section with advanced search, featured section, newsletter, contact, filtered grid etc.

3 file formats: Adobe Photoshop, Sketch and Adobe Xd. This is the Sketch and Adobe Xd version, download here the Photoshop version.

Thanks Milos Knezevic for creating and sharing this.

Take Me reads like a real product homepage rather than a generic set of UI blocks, and that comes through clearly in the preview.

The rounded card gallery up top, the destination cards for London and New York with star ratings and short blurbs, and the search-driven hero with the mountain photograph all point to the same use case: a booking or discovery platform where photography carries the emotional weight and the interface stays quiet around it.

The palette is almost entirely built from a single soft sky blue, layered in different tints and opacities, with the logotype and a few accents in white script for contrast.

That restraint is worth paying attention to. Instead of using many colors to separate sections, the kit relies on photography, whitespace, and typographic hierarchy to do the work, so the blue acts almost like a brand wash that ties every screen together even when the underlying content changes.

This is a strong starting point for travel booking sites, vacation rental platforms, city guide apps, tour operator landing pages, or any hospitality product that needs a hero search bar paired with destination browsing.

The featured grid with ratings and short descriptions also translates well beyond travel, into things like experience marketplaces, restaurant directories, or event listing pages, anywhere users need to scan photo-led cards and compare options quickly.

If you’re prototyping a travel UI kit concept for a client pitch, this gives you a believable, polished shell to fill with real imagery fast.

Working With the Search Hero and Destination Cards

The hero section is the centerpiece, with a bold headline, a subheading, and what looks like a search field with a call-to-action button sitting over the mountain photo.

Swap that background image for your own high-resolution travel photography and keep the overlay opacity similar, since the current dark gradient is what keeps the white headline and search fields legible.

When editing the destination cards, keep the image-to-text ratio close to the original: a large photo up top, a short one or two line description, and a rating row underneath.

That consistency is what makes the filtered grid feel like a cohesive product rather than a stack of unrelated cards.

If you retitle sections like “Famous London” or “Famous New York,” try to match the tone: short, confident, city-first copy rather than long marketing paragraphs, since the layout is built around brevity.

Because the kit already includes a navigation bar with links like Locations, Accommodation, and Travel Guides, it pairs naturally with icon sets for amenities or transport, a simple star-rating icon set for reviews, and a clean sans-serif or the script-style logotype treatment already used for the “TakeMe” wordmark.

If you extend the kit into additional screens, such as a booking confirmation or a detail page, carry over the same blue-tinted photo overlays and rounded card corners so new screens still feel native to the original file.