Weekly Picks

The details worth studying.

Email address

No daily noise. Unsubscribe at any time. See the privacy policy.

Curated website design references

Made to move.

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

Browse

Nick: your AI trading agent

Design DetailsDD

Websites Sections Categories Weekly Picks

Navigate

Info Sponsorship Submit a website Privacy

Settings

Feedback

Theme

Design Details

View Sections Related

Video

Sections

FooterArdor Footer

Related websites

Nick: your AI trading agent

Inside the Ardor website design

Ardor is an AI website built with custom code and Next.js. Its pages are built from footer sections, shown here in full-page captures and a scroll recording. Typography: Doto. Palette: #FFE0FF.

Wire one AI agent into your stack — tools, team and infrastructure — describe the work in plain words, and Ardor builds, deploys and runs it for you. Its visual style is minimal, typographic, and retro, with navigation bar, hero, and input field among its components.

Why we picked it

A pixel mono headline and chat input sit on soft pink blobs, making an AI agent feel approachable rather than corporate. Isometric line icons for Projects, Calendar and Threads give abstract automation a tangible shape, while a dark terminal panel breaks up the pale page and signals real working output.

What to look for

Footer: grouped navigation with clear column headings

Sections from Ardor

Footer section

Similar websites

Wastetide
Cogent
New Material
Dodo
More AI website examples

Questions designers ask

What fonts does Ardor use?

Ardor uses Doto, read from the fonts loaded on the captured page.

What is the Ardor website built with?

The Ardor website is built with custom code and Next.js, detected when the page was captured.

What colours does the Ardor website use?

The captured palette includes #FFE0FF.

What sections does the Ardor website have?

The Ardor website includes footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.

Can I use Ardor's design for my own project?

Use it as a reference for structure, hierarchy, and style rather than something to copy. The DESIGN.md download summarises Ardor's typography, colours, and components for your team or an AI tool.

Ardor

Open full capture

Wire one AI agent into your stack — tools, team and infrastructure — describe the work in plain words, and Ardor builds, deploys and runs it for you.

ardor.cloud

Details & actions

Visit website

Download DESIGN.md

Industry: AI
Site type: Landing, Blog
Platform: Custom code
Tech: Next.js
Style: Minimal, Typographic, Retro, Gradient, Neo Brutalist, Technical
Business model: AI
Presence: Online
Components: Navigation Bar, Hero, Input Field, Feature Card, Tabs, Carousel, Testimonial Card, Pricing Table, Comparison Table, Logo Strip, Primary Button, Footer, Floating Action Prompt, Terminal Emulation Card, Particle Typography Swarm
Fonts: Doto
Palette
OG image