Ready-to-go solutions

Explore the rAppstoreEvery Raptool app in one place, with live demos
Start free trial
Raptool Design Style Studio

One app. 128 looks.

Pick a complete design system for your business app in one click. Dashboards, tables, forms, date pickers, phone screens, kiosks and web pages all change with it. Tune it, save it and hand it to your team or your AI.

Same app, same data. Only the design style changes.

128complete design styles
6style families
30kiosk design systems
6export formats
How it works

From blank app to finished look in three steps.

No designer needed and no CSS to write. Every style is a full system, so every screen stays consistent.

1

Pick

Browse 128 styles, or let the Style Wizard ask a few simple questions and suggest the right one.

2

Tune

Change colours, fonts, corners, depth and dark mode in the Style Lab. You see every change live on real screens.

3

Export

Save it as your own design and export a design-system zip, a web page, slides, a brochure or a Word document.

Style Lab

Make it yours.

Start from any style and push it further. Drag the colour picker, swap fonts, soften shadows or sharpen corners. The Style Lab keeps the whole system in balance, including contrast.

  • Colours, fonts, corner radius, shadow depth and spacing
  • Light and dark mode for the styles that support both
  • Save as many of your own designs as you like
  • Style Wizard for people who'd rather answer than tweak
Try the Style Lab
The Style Lab with shape, shadow and colour controls
What you get

Everything a design system needs, already done.

128 complete styles

From Neumorphism and Material 3 to Windows XP, Vice City neon and 30 kiosk systems. Each one is a full system, not a colour swap.

Every screen styled

Dashboards, KPI tiles, charts, tables, forms, menus, scanner screens and phone home screens all follow the style.

Its own date and time pickers

No default browser controls. Every style has its own calendar, time picker and controls to match.

Phone, tablet and handheld

Preview on desktop, tablet, phone and warehouse handhelds. Layouts adapt; nothing scrolls sideways.

Web pages and kiosks

Landing pages, pricing, blog and portal templates, plus burger, coffee, retail and hardware kiosks in your style.

Export in six formats

AI design-system zip (tokens.json + DESIGN.md), HTML web page zip, slides (.pptx), brochure (.pdf), Word (.docx) and PNG.

On every device

Looks right on the phone in their pocket.

Every style has its own phone home screen with all the task tiles, built for thumbs and gloves.

Phone screen in Neon Marina
Neon Marina
Phone screen in Neumorphism
Neumorphism
Phone screen in Material 3 Expressive
Material 3 Expressive
Phone screen in Claymorphism
Claymorphism
Beyond the app

Your website and kiosks match too.

Web page examples in the Portal Blue style

Web pages

Landing page, pricing, blog, product showcase, login, checkout and more, rendered in the active style.

LandingPricingBlogPortalCheckout
Kiosk screen example

Kiosk screens

30 interactive kiosk designs plus 30 guidelines for touch screens people use standing up.

BurgerCoffeeHotel check-inParkingVisitor desk
Built for AI

Let your AI build apps in your style.

Export the AI design-system zip and give it to Claude or the Raptool AI Development Framework. DESIGN.md and tokens.json tell it exactly how every screen should look.

tokens.json (simplified) { "style": "Neon Marina", "mode": "dark", "color": { "primary": "#ff4fd8", "cyan": "#22e6e6", "background": "#0b0618" }, "radius": 16, "font": { "heading": "Plus Jakarta Sans", "body": "Inter" } }
FAQ

Frequently asked questions

What is the Raptool Design Style Studio?

A design studio with 128 ready-made design systems for business apps. You pick a style, tune it and export it. Every screen of the example app shows the style live, so you see the result before you build anything.

Do I need to be a designer or know CSS?

No. Choose a style, or answer a few questions in the Style Wizard. The Style Lab uses sliders and colour pickers, and every style is already balanced for contrast.

What do I get when I export?

An AI design-system zip with tokens.json and DESIGN.md, an HTML web page zip, slides (.pptx), a brochure (.pdf), a Word document (.docx) and PNG images.

How do I use a style in my own app?

Export the AI design-system zip. It holds the colours, fonts, sizes and rules (tokens.json and DESIGN.md) that your developers or your AI follow when they build the screens.

Does it work on phones and tablets?

Yes. You can preview every style on desktop, tablet, phone and handheld scanners, and the studio itself works on a phone.

Is it free to try?

Yes. Open the studio and try every style. Your own designs are saved in your browser.

Ready when you are

Give your app a look people remember.

Open the studio, pick a style and see your app change in one click.

ShareLinkedInXFacebookEmail
v2.0.70