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.
- One Page
- Basic
Beyond the loop.
RidoIT
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.
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
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.
Signal blue
Blue on near black, one type family throughout. The style the library ships in.
Graphite
No colour at all. Grey accents, near black ground, hard corners.
Evergreen
Green on a deep green black ground, with generous rounding.
Ember
Amber on warm charcoal, with a serif headline.
Orchid
Violet on deep indigo, geometric headline face, soft corners.
Oxide
Rust red on near black, square corners, monospaced headline.
Step 2
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.
Working controls
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.
Working controls
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.
Working controls
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.
Working controls
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.
Working controls
Restrained consultancy layout with a method timeline and a partner section.
Six services and a four-step method, three a row or full width.
Working controls
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.
Working controls
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.
Working controls
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.
Working controls
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.
Working controls
Terminal-style hero with code samples, a docs preview and a community block.
A code panel with working file tabs and a copy button.
Working controls
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.
Working controls
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.
Working controls
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.
Working controls
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.
Working controls
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.
Working controls
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.
Working controls
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.
Working controls
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.
Working controls
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.
Working controls
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.
Working controls
Travel layout with destination cards, packaged trips and a review strip.
Six destinations and three packages, destinations three across or one a row.
Working controls
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.
Working controls
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.
Working controls
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.
Working controls
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.