Curated website design references

Made to move.

Watch website recordings where available, and explore still captures of the rest of the collection.

Browse

All Creative Health Retail Technology Travel

Websites Sections Categories Weekly Picks

Navigate

Info Sponsorship Submit a website Privacy

Settings

Feedback

Theme

Design Details

View Sections Related

Video

Sections

The AI platform for trusted travel data, decisions and automation Hero section from Clarasight

HeroThe AI platform for trusted travel data, decisions and automation

One unified AI-ready data model makes every transaction visible. Features section from Clarasight

FeaturesOne unified AI-ready data model makes every transaction visible.

Proven impact across enterprise travel programs. Features section from Clarasight

FeaturesProven impact across enterprise travel programs.

Your data is mission critical. We protect it that way. Features section from Clarasight

FeaturesYour data is mission critical. We protect it that way.

Questions? Answers. FAQ section from Clarasight

FAQQuestions? Answers.

$1.5T in corporate travel, meetings, and events spend still runs on… Features section from Clarasight

Features$1.5T in corporate travel, meetings, and events spend still runs on…

You lead the strategy,Clarasight does the work. Features section from Clarasight

FeaturesYou lead the strategy,Clarasight does the work.

Clarasight Features Features section from Clarasight

FeaturesClarasight Features

Join the Corporate Travel AI Network Features section from Clarasight

FeaturesJoin the Corporate Travel AI Network

Cut costs. Enforce policy. Recover time. Footer section from Clarasight

FooterCut costs. Enforce policy. Recover time.

Related websites

Clarasight

Open full capture

Purpose-built operating system for enterprise travel and expense leaders to move faster, work smarter, and automate savings.

clarasight.com

Details & actions

Visit website

Download DESIGN.md

Industry: Travel
Site type: Blog, Portfolio
Platform: Webflow
Tech: GSAP, Three.js
Style: Corporate, Gradient, Minimal, Typographic, Data Centric, Glassmorphic Accents
Business model: AI, Software, Portfolio
Presence: Online
Components: Announcement Bar, Navigation Bar, Hero, Logo Strip, Feature Card, Testimonial Card, Stat Block, FAQ Accordion, Primary Button, Footer, UI Abstract Illustration
Score: 54.05/100 · 100% evidence · Review pending
Typography: Display — TWK Lausanne; Heading — TWK Lausanne; Body — Inter
Palette
OG image

Design analysis

Clarasight's website employs a clean, modern, and corporate design language tailored for an enterprise audience. The visual identity is defined by a deep blue to white gradient, generous whitespace, and sharp sans-serif typography. High-fidelity UI mockups and data visualizations act as the primary imagery, reinforcing the product's focus on analytics and automation. The layout relies on structured grids and rounded cards to organize complex information digestibly.

Spacing: Generous vertical rhythm with large paddings separating distinct sections, allowing for clear visual hierarchy and focus on interactive elements.
Shape: Consistently rounded corners across all container elements, creating a soft, approachable interface. Pill-shaped (fully rounded) buttons; medium-to-large border radii on feature cards and UI mockups.
Borders: Subtle, low-opacity solid borders primarily used to demarcate cards and separate the footer from main content.
Buttons: Solid fill primary buttons with contrasting text, and semi-transparent or outline secondary buttons, all featuring pill-shaped radii.
Width: Centered content constrained to a readable max-width, leaving substantial margins on wider desktop viewports.
Density: Low density; abundant whitespace is used deliberately to highlight key metrics, typography, and specific UI illustrations without overwhelming the user.