We're in the middle of a rebrand and redesigning our website from scratch. We've explored a few directions, some more playful and some more professional, and would really value outside eyes before we commit.

Full designs in Figma: Codenetic Rebrand Concepts

The company name, logos, testimonials, photos and numbers are all placeholders. We're mainly looking for feedback on layout, visual style and overall feel.

A few things we're curious about:

• Which direction feels most trustworthy.?
• Is it clear within a few seconds what the company does?
• Anything that feels off, cluttered or dated?
• Any layout, typography or colour suggestions you'd make?

All feedback welcome, including the blunt kind. Thanks in advance!

I designed maternal wellness app that support moms through every stage of their pregnancy journey by tracking their baby's growth, logging their symptoms, and connect with a community of similar situations.

#UI #UX #Figma #Figma #motion #MobileAppdesign #design #productdesign #appdesign #mobileapp

I'm building my first website as a solo developer, using AI to help turn my UI designs into actual web pages.

One problem I keep running into is layout consistency.

For example, I might ask the AI to move a button slightly or adjust a text box, but other elements that were already positioned correctly end up shifting too.

My designs use a fixed 1200 × 800 canvas, and I'm trying to reproduce them as accurately as possible.

I've started wondering whether the problem is how I've structured my CSS, how I give instructions to AI, or both.

For those using AI coding tools, how do you prevent small UI changes from affecting the rest of the page?

Do you use a design system, fixed coordinates, reusable components, or some kind of visual regression testing?

I'd love to hear how others approach this.

I've been working on a command menu and spent way more time than I'd like to admit on the small details. Video attached (light and dark). A few decisions I went back and forth on:

- Actions that use another tool get its real logo (Gmail, Slack, HubSpot…) on a small tile. Everyday commands like "New document" get a plain line icon. The idea: you see at a glance whether something leaves the app.

- Suggestions get ⌘1–⌘5, so the most common actions don't need any searching.

- When a command runs, the tray at the bottom confirms it with a check, instead of a toast popping up somewhere else.

- While typing, the menu shrinks smoothly to the results instead of snapping, and the matching text is highlighted.

- The first result is always "Ask assistant about …", so a search never ends in an empty "no results" state.

Designed in Figma first, then built in React with Claude's help.

Two things I'd genuinely like opinions on:

1. Logos vs. plain icons: helpful distinction or visual noise?

2. Is the assistant row on top useful, or does it push the actual results down too much?

The original page was a long black stack: an embedded YouTube intro as the hero, raw dashboard screenshots as "results", services as an emoji bullet list, and the same CTA repeated four times.

What I changed:

- Hero: one clear promise, a primary CTA plus a secondary "Watch video", and a product visual instead of a talking-head embed

- Results: raw dashboards became three stat cards and a cases carousel you can scan in seconds

- Services: the bullet list became six cards on a timeline, so the offer reads as a process

- One CTA style, used only where a decision actually happens

Curious what you'd push further — especially the dark services section and whether the 3D wireframe shapes help or distract.

On one SaaS landing page I worked on, moving the "no credit card required" line from the footer to right under the main CTA noticeably increased trial starts — same page, same traffic. I'm collecting other small, high-impact changes like this. What's the smallest change that made a measurable difference for you?

I dont really get the process to goes from a colored SVG to a font.

Each time I try the new app interface, I see the color of my SVG, but... in the end, the final font is black (Or transparent).

I try to make compare with EmojiOne, the reference from Adobe ( https://helpx.adobe.com/fonts/web/font-technology/ot-svg-color-fonts.html ), but I get nothing of what is explained.

This technology come from 1993 at least (I dont know how they did but MTG did it 30 years ago), so, I have issues to get why it's so complicated to do.

Working on a portfolio website for an architecture studio, with seamless transitions across pages and sections without loading screens, delays, or interruptions.

As you can see in the video, the website loads very quickly even on a live build with no cache. That initial load is essentially all the loading required to maintain seamless transitions across pages containing multiple images and videos.

If you’d like to see how a particular edge case is handled, or want a video of another transition, let me know.

I’d also love to hear any feedback on how I could improve the overall experience. Keep in mind that this is a real client project with fairly specific requirements, so some of the UX decisions involve working around the client’s needs and constraints.

Hi everyone,

I'm trying to redesign the graphical interface of my aftermarket 1-DIN car stereo.

I don't want to change the functionality or the position of any buttons. I basically want to keep the existing UI layout exactly as it is, but replace the graphics, icons, backgrounds, buttons and visual style with a completely different design.

My goal is something similar to Apple's Liquid Glass design language: clean, minimal, translucent, modern, with subtle blur, glass effects and smooth elements.

The important thing is that the coordinates and functionality of the existing controls must remain unchanged. I only want to replace the visual assets/style.

From the system information I found these versions:

OS: F133-20220107

APP: YCar628-M11280-20251121-1103

MCU: AB5301_20250528_1101

to me it seems like it pops up more when its on light mode, or maybe I'm hallucinating? it seems fine in dark mode. i feel like I just don't know what to look for

Hey everyone, I made this app and I want some thoughts of improvement for the ui of a music player, I made it cause I don’t have money for apple Music and so I can possibly improve my ui foundations. Any tips or suggestions you would implement? Thank you very much

I built this cinematic login animation with SwiftUI + Metal 🎬
I’ve been working on Lūmen, a native Apple media app, and I wanted the login screen to feel a little more cinematic than a typical static login screen.
The entire effect is built with SwiftUI + Metal.
The animation starts with particles forming the Lūmen logo. Then a cinematic projector light enters the scene, illuminating the logo while small dust particles move through the beam.
I wanted the lighting to feel directional, so the side of the logo facing the projector becomes warmer while the opposite side stays closer to white.
Instead of using a pre-rendered video or GIF, I wanted the effect to be fully rendered in real time.
Tech:
SwiftUI
Metal
Real-time particle rendering
Particle target-point interpolation
Dynamic light influence
Volumetric projector beam
Floating dust particles
Dark / Light Mode support
This is where the login screen ended up. 😄
Everything you see is rendered in real time.
Still polishing Lūmen, but I’m pretty happy with how this turned out.

Hello,
I'm developping a cosy video game about catching and training water creatures.
The main screen is a match from which you can access different locations.
So you can click them, and we need a hover state.
I've worked around a few alternatives.

Do you have a favourite one?

Thanks! <3

I'm developing this application in conjunction with my main application which I will work on soon. This application will allow you to manage, view, and download files to an encrypted preconfigured directory. You will be album to listen to music, watch movies, videos or whatever your files contain.

I will be doing all the programming for the major functions but I'm looking for some input on the UI, such as font's, matching icons, etc. I'm going for a professional yet futurism vibe. Here is a preview of the music player which I haven't fully finished yet. It recognizes an album and displays a matching background.

This is just for frontend design nothing else. If interested I would send you the code and you can style it however you can as long as you stick with the theme.

Hello! I would love some feedback on my paint app project! I'm going for a retro, video gamey feel. My main target audience is streamers and artists who are just starting out, but I would like more experienced artists to enjoy it as well. The project is built in Godot and made for PC.

I would appreciate any feedback, but specifically these areas have been bothering me:

The Main Menu feels really weak. I think the "new project" "load project" and "let's study!" buttons look amateurish but I've been struggling with what to do with them. The buttons on the bottom right feel good. The App Name feels like its missing something. My plan for the future is to be able to swap out the background with new paintings periodically.

I'm not sure what to do with the background of the lesson material. It looks super boring as it is now.

I like the layout of the pause menu but it feels like its missing something.

I was planning on redoing the Layer menu as well but am not sure the best way to go about it. How it works is when not being moused over the layers stack on top of each other, and when you mouse over them they expand. Then you get the options of delete, move etc.

Thanks so much for taking a look!

the icons should be colored correctly but i didn't bother to.
i really like this color pallette, i use it often in my designs.
if anyone is wondering im making a notes app that is nice as the ones on ipad but for android

Hi!

What do you think about the current iteration?

For the context, in the game you manage a small thrift shop in the style of early 2000s.

Customers come to your shop one by one, and you have to decide either to trade with them or not.

Much like Reigns, Papers Please and other games in this genre.

The "Sort By" button feels congested and oddly balanced. How can Apple, a company known for obsessing over design details, ship something this visually unpolished?

Recently, while traveling, I took a photo that I really liked. Around the same time, I came across the work of Kento IIDA, whose style really resonated with me. I experimented with combining the two, and somewhere along the way, I realized that Updown - a little game I developed a few years ago - could use a redesign.

The game mechanics are still exactly the same, but visually, it feels like a completely different game. One thing I actually still like about the old design is its simplicity. Some of that simplicity is definitely gone now, but overall, I think the new version has a lot more character.

Feel free to let me know what you think :)

https://updown.quest

what's that blurry effect? how to design things like this?

Was scrolling through Apple’s site and was wondering about this.

There are so many little details, animations, layouts and interactions that all somehow still feel consistent.

Is this usually one big design team working across the whole site or separate teams for different products/pages with a shared design system?

Also curious how designers + developers coordinate on something at this scale. Anyone here worked on a similar sized website/team?

Hello!

I'm looking to create icons with visual styles similar to the images shared below. I'm trying to make things that feel material and have a sense of depth without being photorealistic or anything.

I'm struggling to find information or guides on creating artwork like this. Is it digitally painted? Is it all just complex vectors and stuff? Are they 3D?

Any suggestions would be awesome :)

I’m working on a new dashboard design for Dcubix Cloud, a cloud platform for deploying applications with automatic scaling and usage-based pricing based on actual CPU and RAM usage.

I’m experimenting with a more technical UI combined with some hand-drawn/annotated elements to give the product its own identity.

I’d really appreciate some honest design feedback:
1. Does the visual style work for a cloud/developer platform?
2.Does anything feel too playful or distracting?
3. What would you change about the layout or UX?

Screenshots attached. Thanks!

Hi Ive designed this platform and its live and I already have some users 🥳

This platform allows brands and professionals to be more authentic so they increase their credibility and so sales.

Just for the context the whole thing is based on Human generated prompts (questions) designed so it’s unveiling your professionalism and personality.

You answer -> it will pin it into your profile -> clients will see it.

Anyway besides what you see on the screenshot, Im thinking to add extra tabs (you could scroll them left or right) to see more “sub categories” of related prompts.

Where it would be placed?

Right under “Completed prompts”
Clients could browse the profile’s prompts based on:
- What is Lukas working on rn? (4 prompts to show)
- What is his work ethic? (2 prompts to see)
- How he handles a difficult situations? (6 prompts to see)

Etc….

So you can see in depth not just how Is Lukas dealing with his clients but also what are his day to day activities or things he likes, or something even humorous.

I just have a feeling that LinkedIn pr Instagram are too polished and too performative and Fake …

What do you think is it a stupid idea? Or not really necessary?

Thanks!