Made in Framer & Figma

Made in Framer & Figma

Made in Framer & Figma

Unleash the Power of Neo-Brutalism

Unleash the Power of Neo-Brutalism

Unleash the Power of Neo-Brutalism

Discover the raw beauty and minimalistic elegance of our revolutionary design system.

Discover the raw beauty and minimalistic elegance of our revolutionary design system.

Discover the raw beauty and minimalistic elegance of our revolutionary design system.

Insert

Layout

Text

CMS

Invite

Publish

Pages

Layers

Assets

👋 Welcome to Riddle UI - Neo Brutalis...

❖ Design foundations

❖ Utility elements

-----------------------------------------...

-----------------------------------------...

-----------------------------------------...

-----------------------------------------...

• Thumbnail

Canvas

• Color

• Typography

• Icons (Riddle icon)

• Various icons

• Spacing & Grids

• Effects

• Brand

• Avatars

• Buttons

• Button group

• Badges

• Checkbox, Radio, Toggle

• Menu

• Dropdown

• Text input

• Tags

• Tooltips

❖ Interactive components

Stack

Grid

Yes

No

Overlays

Link

Breakpoint

Layout

Styles

Position

Width

Distribute

Gap

Padding

T

R

B

L

Height

Type

Wrap

Align

Direction

0

x

1280

x

Auto

x

0

y

Fixed

Start

Start

Start

80

0

0

0

Fit

100%

Alica martin

Harper Davis

Insert

Layout

Text

CMS

Invite

Publish

Pages

Layers

Assets

👋 Welcome to Riddle UI - Neo Brutalis...

❖ Design foundations

❖ Utility elements

-----------------------------------------...

-----------------------------------------...

-----------------------------------------...

-----------------------------------------...

• Thumbnail

Canvas

• Color

• Typography

• Icons (Riddle icon)

• Various icons

• Spacing & Grids

• Effects

• Brand

• Avatars

• Buttons

• Button group

• Badges

• Checkbox, Radio, Toggle

• Menu

• Dropdown

• Text input

• Tags

• Tooltips

❖ Interactive components

Stack

Grid

Yes

No

Overlays

Link

Breakpoint

Layout

Styles

Position

Width

Distribute

Gap

Padding

T

R

B

L

Height

Type

Wrap

Align

Direction

0

x

1280

x

Auto

x

0

y

Fixed

Start

Start

Start

80

0

0

0

Fit

100%

Alica martin

Harper Davis

Insert

Layout

Text

CMS

Invite

Publish

Pages

Layers

Assets

👋 Welcome to Riddle UI - Neo Brutalis...

❖ Design foundations

❖ Utility elements

-----------------------------------------...

-----------------------------------------...

-----------------------------------------...

-----------------------------------------...

• Thumbnail

Canvas

• Color

• Typography

• Icons (Riddle icon)

• Various icons

• Spacing & Grids

• Effects

• Brand

• Avatars

• Buttons

• Button group

• Badges

• Checkbox, Radio, Toggle

• Menu

• Dropdown

• Text input

• Tags

• Tooltips

❖ Interactive components

Stack

Grid

Yes

No

Overlays

Link

Breakpoint

Layout

Styles

Position

Width

Distribute

Gap

Padding

T

R

B

L

Height

Type

Wrap

Align

Direction

0

x

1280

x

Auto

x

0

y

Fixed

Start

Start

Start

80

0

0

0

Fit

100%

Alica martin

Harper Davis

250+

Global styles

5k+

Smart components

160+

Example sections

250+

Global styles

5k+

Smart components

160+

Example sections

Design Foundations

Unleash Your Creative Potential

Unlock your design potential with a robust set of foundations for captivating and impactful creations.

Unlock your design potential with a robust set of foundations for captivating and impactful creations.

Unlock your design potential with a robust set of foundations for captivating and impactful creations.

Type-face

Inter

AaBbCc

Font-size

14pt

Font size is the measurement used to determine the size of text in typography. It determines how large or small the characters appear on a page or screen.

Primary

#B286FD

Tomato

#FF7051

Gray

#78716C

Success

#11A365

Danger

#E2442F

Topaz

#FFCA7F

Neo

#A2E435

Crystal

#60A5F9

Cyan

#22D2ED

Sea

#68D391

Pastel

#DE5356

Teal

#2DD3BE

Orla Flores

orlaflores@riddleui.com

Checkbox

Helpful text goes here.

Radio button

Helpful text goes here.

Toggle

Helpful text goes here.

Options

Tooltip text

A tooltip is a short text box that is linked to an element of your website. It provides contextual help to show the user what that particular element of your site does.

Badge

Badge

Badge

Badge

Orla

+9

Orla

Utility elments

Effortless Design Empowerment

Effortlessly elevate your designs with Riddle UI's versatile utility elements.

Effortlessly elevate your designs with Riddle UI's versatile utility elements.

Effortlessly elevate your designs with Riddle UI's versatile utility elements.

Interactive components

Design at Lightning Speed

Create captivating experiences with Riddle UI's lightning-fast interactive components.

Create captivating experiences with Riddle UI's lightning-fast interactive components.

Create captivating experiences with Riddle UI's lightning-fast interactive components.

  • DESIGN SYSTEMS

  • /

  • FUTURE OF DESIGN

  • /

  • PRODUCT DESIGN

  • /

  • DEVELOPMENT

  • /

  • UX & UI DESIGN

  • /

Design and build websites in hours, not days

Design and build websites in hours, not days

Unleash Your Creativity with Framer and Figma

Create stunning designs and prototypes seamlessly using the power of Framer and Figma integration.

Effortless Design, Rapid Results

Highlight features, testimonials, pricing, and more with impactful marketing sections.

Optimized for every type of skills

Optimized for every type of skills

A Professional-Grade design system that adapts to every project's unique needs

A Professional-Grade design system that adapts to every project's unique needs

A Professional-Grade design system that adapts to every project's unique needs

Junior designers

Learn the Building Blocks and Best Practices for Creating Stunning User Interfaces

Senior designers

Say goodbye to repetitive tasks and design headaches.

Product managers

Get Straight to Your Goals with a Comprehensive UI System

Freelance designers

Automate Operations, Attract More Clients, and Deliver High-Quality Results

Developers

Code Faster and Smarter with Ready-to-Use Figma Templates

Startups

Accelerate Your Design with a Library of Customizable Templates

Choose Your Plan

Choose Your Plan

Choose Your Plan

We provide a very simple and transparent pricing model

Professional

Professional

$99

$99

Get a single license for Riddle UI and enhance your design and development projects

Single license

Individual access for seamless usage.

Framer & Figma file

Framer and Figma files included

Interactive components

Engaging interactions for intuitive user experiences.

Included Riddle Icon

2,000+ icons included for versatile designs.

Page & Sections examples

160+ sections for diverse page designs.

Unlimited projects

Unlimited projects, endless creative possibilities.

Lifetime update

Lifetime updates, perpetual design innovation.

Unlimited

Unlimited

$399

Power up your enterprise with a license for unlimited users. Perfect for large organizations.

Unlimited users license

Infinite access for your entire team.

Framer & Figma file

Framer and Figma files included

Interactive components

Engaging interactions for intuitive user experiences.

Included Riddle Icon

2,000+ icons included for versatile designs.

Page & Sections examples

160+ sections for diverse page designs.

Unlimited projects

Unlimited projects, endless creative possibilities.

Lifetime update

Lifetime updates, perpetual design innovation.

FAQ’s

Frequently Asked Questions

Frequently Asked Questions

Why do I need a design system?

Is lifetime access to updates included with my purchase?

It's just the begining

Do you provide an educational discount?

Do I need to be a pro with Figma?

© 2023 Riddle UI, Inc. All rights reserved.