Icons organized the way they should be
Rayna V2 keeps everything structured so you can stay focused
#raynaui #IconLibrary #DesignSystem #FigmaDesign #ProductDesign #InterfaceDesign
@gagajohn.bsky.social
Freelance web designer and framer developer - Making Saas website designs for founders
Icons organized the way they should be
Rayna V2 keeps everything structured so you can stay focused
#raynaui #IconLibrary #DesignSystem #FigmaDesign #ProductDesign #InterfaceDesign
Type system on one side
Real dashboard UI on the other
Rayna V2 stays consistent across both
#raynaui #FigmaDesign #TypographySystem #DashboardUI #DesignSystem #ProductDesign
Cool gray or warm gray
Rayna UI includes both so your interface always feels balanced
www.raynaui.com/pre-order
#raynaui #ColorSystem #DesignSystem #FigmaDesign #ProductDesign #InterfaceDesign
Rayna UI v1
500 plus components and 100 plus styles built for SaaS teams that value clarity
www.raynaui.com/pre-order
#raynaui #FigmaDesign #DesignSystem #ProductDesign #InterfaceDesign
Everything in the color system is editable
From base tokens to shadow overrides.
Rayna V2 keeps it all accessible and intentional π¨
www.raynaui.com/pre-order
#raynaui #FigmaWorkflow #ColorSystem #DesignSystem #InterfaceDesign #ProductDesign
Color systems that stay organized
From variables to shadowsβRayna V2 makes it all easy to update π¨
www.raynaui.com/pre-order
#raynaui #FigmaWorkflow #ColorSystem #DesignSystem #ProductDesign #InterfaceDesign
Locate it. Drag it. Swap it.
Rayna UI V2 icons are built for speed and clarityβno guessing needed
www.raynaui.com/pre-order
#raynaui #FigmaDesign #IconWorkflow #DesignSystem #ProductDesign #InterfaceDesign
From empty state to a full store
This Rayna UI screen is built for real dashboards, not just nice shots β¨
#raynaui #DesignSystem #FigmaDesign #DashboardUI #InterfaceDesign #ProductDesign
Not just colorsβ
A full system that stays consistent across themes, states, and components π¨
www.raynaui.com/pre-order
#raynaui #DesignSystem #FigmaDesign #ColorTokens #InterfaceDesign #ProductDesign
Clear choices. Fewer clicks.
Rayna V2βs subscription flow keeps things straightforward β¨
www.raynaui.com/pre-order
#raynaui #DesignSystem #PricingUI #FigmaDesign #ProductDesign #InterfaceDesign
A look at the Rayna V2 pre-order site
Simple layout clarity and just enough motion to guide you through β¨
www.raynaui.com/pre-order
#raynaui #DesignSystem #FigmaDesign #ProductDesign #LandingPage #InterfaceDesign #FigmaResources
From structure to the smallest detail
Rayna UI V2 is built to stay clean and scalable β¨
www.raynaui.com/pre-order
#raynaui #DesignSystem #FigmaWorkflow #IconDesign #ProductDesign
Avatars that just make senseβ
Clear structure, consistent logic, and built-in flexibility β¨
www.raynaui.com/pre-order
#DesignSystem #FigmaComponents #AvatarDesign #ProductDesign #Raynaui #InterfaceDesign
Itβs coming togetherβ
Hereβs a closer look at Rayna V2 in motion β¨
Pre-orders are open.
www.raynaui.com/pre-order
Remix Icons come built inβ
Sharp, neutral, and ready to use across every component π§©
Rayna V2 is up for pre-order.
www.raynaui.com/pre-order
Variants that keep things simpleβ
And work exactly how you'd expect β¨
Rayna V2 pre-order is up.
www.raynaui.com/pre-order
Not just another design system previewβ
This oneβs built from real design pain β¨
Pre-orders for Rayna V2 are live.
www.raynaui.com/pre-order
Built one button. Covered every case.
Rayna V2 is up for pre-order.
www.raynaui.com/pre-order
No noise. Just icons that fit.
Part of Rayna UI V2βpre-orderβs live.
www.raynaui.com/pre-order
One component.
Multiple button styles, directional layouts, and a new 3D variant to bring depth.
Pre-order Rayna UI V2 β www.raynaui.com/pre-order
A glimpse of what weβre building.
Modern, fast, and made for teams.
Pre-order Rayna UI V2 β
A color system that just works.
Flat + gradient styles.
Dark mode ready.
Pre-order now β www.raynaui.com/pre-order
Chart-ready and developer-loved.
Line, bar, pie β designed for clarity and consistency.
All components in one place.
β³ Pre-order v2 of the Design System is open.
www.raynaui.com/pre-order
Dark-themed websites can be both beautiful and practical
#ProductDesign #SaaS #LandingPage #Framer #UXUI #NoCode #DesignInspiration
Itβs easy to design a website that looks good. The real challenge? Designing one that works for the clientβone thatβs easy to manage, update, and scale.
The client can now make updates without needing a developerβsaving them time, effort, and money
π gregarious-takeaways-615200.framer.app
Client wanted a sleek, high-converting site for their SaaS. Built with Framer. Fast, simple, and clean
#ProductDesign #SaaS #LandingPage #Framer #UXUI #NoCode
Website link: gregarious-takeaways-615200.framer.app
Website redesign β WordPress to Framer.
#ProductDesign #SaaS #LandingPage #Framer #UXUI #NoCode #DesignInspiration
Helping businesses and founders bring their ideas to life through web design, Framer, and no-code development.
#ProductDesign #SaaS #LandingPage #Framer
My client needed a site that convertsβone that communicates value quickly and drives action.
Using Framer, I built a fast, simple, and clean website optimized for user experience and engagement.
A beautiful website is good. A website that works? Even better.
#ProductDesign #SaaS #LandingPage
AI-Powered SaaS startup. A landing page that clearly explains the productβs value, features, and differentiation, without overwhelming users with jargon.
Built in Framer.
#ProductDesign #SaaS
Website link: scant.framer.website