Loading Beyond the loop.

RidoIT

Website design library

Twenty-five finished designs, and six brand styles to put any of them in. Pick a style, pick a design, your words and your brand go into it, and that is your site. This is what the One Page and Basic packages actually give you, so you can look before you agree to anything.

Starting points, not client work. None of the businesses shown is real, and none of these pages was delivered for a customer. The names, quotes, logos and figures inside each design are placeholder filler, so what you are judging is the layout, the typography and the structure.

What each step costs

Two things on this page are priced separately from the design itself: the style it is dressed in, and whether it moves. Both are switchable below, so here is what each one belongs to before you try them.

One Page

EUR 795

The design as it stands, one scrolling page, your text in place of the filler. Excl. 21% VAT, EUR 961,95 incl.

Basic

EUR 1.450

The design restyled in your colours and type, across five pages. Excl. 21% VAT, EUR 1.754,50 incl.

Not from this library

Premium

EUR 7.500

An original design drawn for your brand, not a design from this page, with motion and scroll animation. Excl. 21% VAT, EUR 9.075,00 incl.

Advanced and Premium do not use this library. Those two are sold as a design drawn for your brand from scratch, so a design from this page is only ever a reference point in that conversation, never the deliverable. Motion and scroll animation belong to Premium, so every design here opens still, with a switch on it to see the moving version. Compare all four packages.

Step 1

Pick a style

Six brand styles. Each one changes the accent colours, the ground, the headline face and the corner shape across the whole library, and your choice follows you into the previews. A few designs carry a colour of their own, like the gold in Law Firm and the code colours in Developer Tools, and those stay. Restyling is what Basic buys. One Page is the design as it ships, in Signal blue. These six are worked examples rather than the only colours available: your own go in the same way.

Step 2

Pick a design

The tiles are screenshots, one set per style, so the grid is in the colour you picked. Open one and the same design renders live, at any width, with the motion switch on it.

25 of the 25 have controls that work: switch the colour, change the layout, and use whatever the design carries of its own.

Screenshot of the Corporate Agency example design

Working controls

Corporate Agency

Full-service agency layout with a grid hero, a services block and a work section.

Six services and four projects, set three a row or one a row across the full width.

  • Agency
  • Corporate
  • Dark
  • One Page
  • Basic

View this design

Screenshot of the SaaS Platform example design

Working controls

SaaS Platform

Software landing page with bento-grid features, a pricing table and a sign-up close.

A billing switch that rewrites the pricing table, tabbed feature panels, and an FAQ that opens.

  • SaaS
  • Product
  • Startup
  • One Page
  • Basic

View this design

Screenshot of the Creative Portfolio example design

Working controls

Creative Portfolio

Single-person portfolio with a full-screen hero, a project gallery and a skills list.

A project wall that redraws two a row or as one full-width column.

  • Portfolio
  • Creative
  • Minimal
  • One Page
  • Basic

View this design

Screenshot of the Startup Landing example design

Working controls

Startup Landing

Bold launch page built around a problem/solution split and an early-access call to action.

A three-step timeline that runs across the page or down it, one step a row.

  • Startup
  • Landing
  • Bold
  • One Page
  • Basic

View this design

Screenshot of the Consulting Firm example design

Working controls

Consulting Firm

Restrained consultancy layout with a method timeline and a partner section.

Six services and a four-step method, three a row or full width.

  • Consulting
  • Professional
  • Elegant
  • One Page
  • Basic

View this design

Screenshot of the Digital Studio example design

Working controls

Digital Studio

Studio layout with a masonry work showcase and a scrolling recognition ticker.

Six projects in three arrangements: three across, two larger, or one a row.

  • Studio
  • Creative
  • Showcase
  • One Page
  • Basic

View this design

Screenshot of the Tech Product example design

Working controls

Tech Product

Hardware or app product page with a device mockup and a feature comparison table.

Feature blocks that alternate sides, and a pricing table carrying the limits on each plan.

  • Product
  • Tech
  • 3D
  • One Page
  • Basic

View this design

Screenshot of the FinTech Dashboard example design

Working controls

FinTech Dashboard

Dark finance layout with inline charts and a security-claims section.

Feature blocks two a row or one, with the code panel beside the text or full width beneath it.

  • FinTech
  • Dashboard
  • Dark
  • One Page
  • Basic

View this design

Screenshot of the AI Company example design

Working controls

AI Company

Technical layout with a network-motif background and glowing capability cards.

Six capabilities and six kinds of work, three across or one a row full width.

  • AI
  • Tech
  • Futuristic
  • One Page
  • Basic

View this design

Screenshot of the Developer Tools example design

Working controls

Developer Tools

Terminal-style hero with code samples, a docs preview and a community block.

A code panel with working file tabs and a copy button.

  • Developer
  • Tools
  • Code
  • One Page
  • Basic

View this design

Screenshot of the E-Commerce Store example design

Working controls

E-Commerce Store

Storefront layout with a product grid, featured collections and a reviews strip.

Category filtering across the product wall, and a bag that counts and totals what you add to it.

  • E-Commerce
  • Store
  • Retail
  • One Page
  • Basic

View this design

Screenshot of the Real Estate example design

Working controls

Real Estate

Property layout with a search bar, featured listings and agent profiles.

Three listings and a four-area guide, listings three across or one a row full width.

  • Real Estate
  • Property
  • Luxury
  • One Page
  • Basic

View this design

Screenshot of the Healthcare Clinic example design

Working controls

Healthcare Clinic

Clean practice layout with treatments, practitioner profiles and an appointment block.

Six specialisms the layout picker moves between three across, two larger, and one a row.

  • Healthcare
  • Medical
  • Clean
  • One Page
  • Basic

View this design

Screenshot of the Education Platform example design

Working controls

Education Platform

Course layout with lesson cards, teacher profiles and a progress section.

A six-course catalogue at three densities, from three across down to one a row.

  • Education
  • Courses
  • Learning
  • One Page
  • Basic

View this design

Screenshot of the Restaurant and Bistro example design

Working controls

Restaurant and Bistro

Hospitality layout with a menu showcase, an interior gallery and a reservation block.

The menu split into courses you switch between, and a reservation form that checks what you typed.

  • Restaurant
  • Food
  • Elegant
  • One Page
  • Basic

View this design

Screenshot of the Fitness and Gym example design

Working controls

Fitness and Gym

High-contrast layout with a class schedule, trainer cards and membership pricing.

A week of sessions the layout picker reflows three across, two larger, or one a row.

  • Fitness
  • Gym
  • Sport
  • One Page
  • Basic

View this design

Screenshot of the Law Firm example design

Working controls

Law Firm

Formal layout with practice areas, advocate profiles and a contact block.

Six practice areas at three densities, from three across down to one a row.

  • Legal
  • Professional
  • Formal
  • One Page
  • Basic

View this design

Screenshot of the Architecture Studio example design

Working controls

Architecture Studio

Minimal layout with a large project showcase and a design-approach section.

Six projects, two a row or one a row across the full width.

  • Architecture
  • Minimal
  • Design
  • One Page
  • Basic

View this design

Screenshot of the Event and Conference example design

Working controls

Event and Conference

Event layout with a speaker grid, a schedule, a sponsor block and ticket pricing.

A speaker grid at three densities, from three across down to one a row.

  • Event
  • Conference
  • Tickets
  • One Page
  • Basic

View this design

Screenshot of the Nonprofit and Charity example design

Working controls

Nonprofit and Charity

Cause-led layout with a mission section, impact figures and a donation call to action.

Four programmes and three project locations, two a row or one a row full width.

  • Nonprofit
  • Charity
  • Impact
  • One Page
  • Basic

View this design

Screenshot of the Travel Agency example design

Working controls

Travel Agency

Travel layout with destination cards, packaged trips and a review strip.

Six destinations and three packages, destinations three across or one a row.

  • Travel
  • Tourism
  • Adventure
  • One Page
  • Basic

View this design

Screenshot of the Music Artist example design

Working controls

Music Artist

Artist layout with a release showcase, tour dates and a merchandise block.

Releases, tour dates and videos, with the releases three across or one a row full width.

  • Music
  • Artist
  • Entertainment
  • One Page
  • Basic

View this design

Screenshot of the Crypto and Web3 example design

Working controls

Crypto and Web3

Token-project layout with a distribution chart, a roadmap and a team section.

Four design decisions, two a row or one a row full width, beside a distribution chart and a roadmap.

  • Crypto
  • Web3
  • Technical
  • One Page
  • Basic

View this design

Screenshot of the Photography Studio example design

Working controls

Photography Studio

Full-bleed image layout with a gallery and a booking form.

A gallery you filter by shoot type, with a large frame that follows the picture you pick.

  • Photography
  • Gallery
  • Visual
  • One Page
  • Basic

View this design

Screenshot of the Podcast Show example design

Working controls

Podcast Show

Show layout with an episode list, a guest section and subscribe links.

An episode list that reflows from three across to one a row, full width.

  • Podcast
  • Audio
  • Media
  • One Page
  • Basic

View this design

Contact