Arafat

I design it, then I build it. Product design + React + AI-assisted dev. Sharing what I learn along the way

[Arafat @arafatbuilds]

Asked the agent for dark mode.
It planned it, wrote it, checked contrast, and shipped it in 28 seconds.

UI concept for an AI coding IDE 🌗

[Arafat @arafatbuilds]

@ivanboroja super cool, i love the minimalism

[Arafat @arafatbuilds]

@AfolabiDewale id go with the blue one

[Arafat @arafatbuilds]

@adriankuleszo amazing man

[Arafat @arafatbuilds]

v1 vs v4 of the same screen.

Calmer colour. Floating sheet. One clear button.

Which one would you trust with your money?

[Arafat @arafatbuilds]

Onboarding that feels like a conversation, not a form.

One question per screen → a plan in 4 taps → first habit done on day one.

Habit app concept. Soft glow, serif headlines, zero friction.

[Arafat @arafatbuilds]

3 things that make a UI look cheap fast:

1. Too many font sizes
2. Inconsistent corner radius (8px here, 14px there)
3. Gray text that's too light to read

Fix those three and most screens look 30% better.

[Arafat @arafatbuilds]

Use one accent color. Just one.

Buttons, links, active states: same color.
Everything else: black, white, gray.

When everything is colorful, nothing is clickable.

[Arafat @arafatbuilds]

@seanaiux amazing work bro

[Arafat @arafatbuilds]

House hunting, minus the 40 open tabs.

Filter → map → swipe the photos → book a viewing. All in one flow.

Real estate app concept.

[Arafat @arafatbuilds]

@todelsz really nice, at first look i thought this is a sports design

[Arafat @arafatbuilds]

@AfolabiDewale super cool UI

[Arafat @arafatbuilds]

@tcosta Amazing, how did you build the prototype?

[Arafat @arafatbuilds]

@BenkZ_edits Really love the animation

[Arafat @arafatbuilds]

A revenue dashboard that tells you what to do next.

KPIs → trend → AI summary → the 2 accounts about to churn.

[Arafat @arafatbuilds]

@maximepodgorski table looks super clean

[Arafat @arafatbuilds]

@marcelkargul cool stuff

[Arafat @arafatbuilds]

Your app doesn't need more features.

It needs fewer steps between the user and the result.

Count the taps to do the main thing. If it's more than 3, that's your next redesign.

[Arafat @arafatbuilds]

@uiakanksha_ Very straightforward 🫰🔥

[Arafat @arafatbuilds]

@adriankuleszo seems https://t.co/AOEPffzZCM is new?

[Arafat @arafatbuilds]

@gkpacker which model you generally use to create design?