Onyx Design ⚡️
2.09K subscribers
455 photos
71 videos
28 files
138 links
UI Design | Job opportunity l Learning l Inspiration | Creativity

Community @Onyx2community
Dm @BereketDaniell
Download Telegram
Guess what I captured: an Ethiopian SU-27 fighter jet we received from Russia

Top speed over 2,500 km/h, crazy maneuverability, and absolutely zero interest in traffic rules...

©️Info : Benjamin

@OnyxDesignx
8🔥5😁1
Dagmawi Babi Jobs
Graphic Designer (Motion, Animation & UI/UX – Plus)
Open position

Base salary : 35,000 ETB

Location: Bole Robel Building, 4th Floor, Addis Ababa
Type: Hybrid

Apply
@mikias18

➚ Share it for your friends

@OnyxDesignx
🔥4
Forwarded from Birhan Nega
AI does not take jobs. It reshapes the way tasks are performed.
እንደት ልትረዱት ትችላላችሁ መሰላችሁ!!
ድሮ ምግብ ለመስራት የማገዶ እንጨትና እሳት እንድሁም ሌሎች ቁሳቁሶችን እንጠቀም ነበር። በሂደት ኤሌክትሪክና ሌሎች ዘመናዊ ኢቃዎች ሲመጡ የማገዶም ሆኖ ሸክላ እቃዎች ተፈላጊነት እየቀነሰ በሂደትም ምግቡ የሚሰራበት መንገድ ተቀየረ ማለት ነው።

አድሶቹ ፈጠራዎች ስራውን ቢያቀሉትም የሚሰራው ምግብ ጥሩ መሆን አለመሆን ግን አሁንም ምግቡን በሚሰራው ሰው ብቃት ላይ የተመሰረተ ነው።

ፕሮግራሚንግም ቢሆን ተመሳሳይ ነው
🔥51👎1
Open Position - Senior Graphics and UI/UX Designer

Apply here

https://www.linkedin.com/jobs/view/4350860560/

@OnyxDesignx
👍3
Really impressed by the work @andymarrow put into this project.

The development is clean and intentional, and the problem-solving behind it is clearly thought through. Projects like this don’t come together without a lot of iteration and dedication.

Worth checking out: https://stark-01.vercel.app/

And this is his Telegram channe
check it out: @miheretabtrysstuff

@OnyxDesignx
13🔥3
Heyyy 👋

If you know #only pinterest,dribble or Behance for inspiration...

Wait let me share you ..

Save it

@OnyxDesignx
31🙏1
Onyx Design ⚡️
Heyyy 👋 If you know #only pinterest,dribble or Behance for inspiration... Wait let me share you .. Save it @OnyxDesignx
Here we go,


• X (daily inspo + hot takes)
• Awwwards (award-winning web)
• Behance (case studies)
• Dribbble (UI shots)
• SiteInspire (curated websites)
• UX Archive (product UI archive)

• Mobbin (mobile patterns)
• Collect UI (UI components)
• Land-book (landing page gallery)
• UI Jar (UI gallery)
• Design Vault (curated UI)
• Refero (real product screens)

• Pageflows (user flows in video)
• Scrnshts (mobile UI patterns)
• Waveguide (UI inspiration)
• GoodUX (UX examples)
• Dark Mode Design (dark UI gallery)

• Minimal Gallery (minimal web)
• Saaspo (SaaS inspo)
• UI Garage (UI gallery)
• Pinterest (moodboards)
• Instagram (design feeds)

• One Page Love (one-page sites)
• Hover States (interaction inspo)
• Pttrns (iOS patterns)
• UXPin (UX resources + patterns)
• Smashing Magazine (web + UX articles)

• UX Collective (UX writing)
• UI Movement (UI animations)
• Godly (web design gallery)
• Web Designer Depot (design articles)
• Designmodo (UI + resources)
• 99designs Discover (creative inspo)

• SaaS Landing Page by Cruip (SaaS landings)
• Designspiration (visual discovery)
• Screenlane (mobile UI patterns)
• FigmaCrush (Figma resources)
• Landingfolio (landing page inspo)

• Best Website Gallery (curated sites)
• User Interface Design Patterns (UI pattern library)
• UI Recipes (UI examples)
• UX Library (UX resources)
• SaaSFrame (SaaS UI)
• Flowstep (user flow inspo)

• NPM UI Patterns (component patterns)
• Good UI (UX pattern examples)
• Admire The Web (web design gallery)
• Abduzeedo (design inspiration)
• Muzli (inspo feed)

• Designer News (design community)
• UX Magazine (UX articles)
• Boxes and Arrows (UX research + strategy)
• Framer Gallery (Framer sites)
• Lapa Ninja (landing pages)
• Codrops (creative dev + UI)

• Flowbase (Webflow resources)
• Inspiration Grid (design picks)
• Design Systems Repo (design systems)
• Nice Very Nice (curated design)
• UI Sources (UI examples)

@OnyxDesignx
🔥1743👍2👏1
Bonus

But my favorites
- x
- bestdesignonx
- Godly

@Onyxdesignx
62🙏1
Hold on...
let me drop another banger design your way

wait a min

@OnyxDesignx
6🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
🎊🥳 Let’s celebrate 1,400 subscribers with this design!

For Telegram channel creators

this project is a web-based and mobile Telegram channel summarizer with a sleek UI, initiated by @Codative.

#Figma
#ChatGPT
#Adobe_Premier_Pro

3.92 MB | 48 sec

🙏 1,400 members.... thank you all for being here!

@OnyxDesignx
7🔥41🍾1
This media is not supported in your browser
VIEW IN TELEGRAM
Design Community - 600+ members 🎉
Onyx Design - 1,400 subscribers 🍾

@OnyxDesignx
🎉10🍾21🔥1
🎄 Tadaa - 2026

Happy New Year

@OnyxDesignx
🎉141🔥1
WCAG Explained for Designers (With Real Examples)

WCAG stands for Web Content Accessibility Guidelines.

It is an international standard that explains how to design and build websites so everyone can use them, including people with disabilities.

Below are the key WCAG considerations designers must think about

1. Color & Contrast (WCAG: Perceivable)


- Text must be readable against its background
- Color must not be the only way to convey information

Design Rules
✔️Contrast ratio 4.5:1 for normal text (WCAG AA)
5:1 means 4.5 times darker or lighter than the background.
Normal text(Text below 18pt (or below 14pt bold)

- Body text
- Small labels
- Paragraphs

✔️ 3:1 for large text

3:1 means 3 times darker or lighter than the background.

18pt (≈ 24px) or larger

✔️ Use patterns, icons, or text labels—not color alone

Contrast in design: making things look different so they stand out.

2. Typography & Readability


Users may zoom text or have reading difficulties

Design Rules
✔️ Base font size 16px or larger
✔️ Line height ~1.5
✔️ Avoid decorative fonts for body text

3. Layout & Visual Structure


Clear visual hierarchy helps everyone, especially screen reader users

Design Rules
✔️ Use clear headings (H1 → H2 → H3)
✔️ Group related content
✔️ Keep layout consistent across pages

4. Navigation & Interaction


Users may use keyboard, screen readers, or voice commands

Design Rules
✔️ All interactive elements must be keyboard accessible
✔️ Visible focus state for buttons and links
✔️ Large click/tap targets (at least 44×44 px)

5. Forms & Inputs


Forms are one of the biggest accessibility barriers

Design Rules
✔️ Always show labels (not placeholder-only)
✔️ Clear error messages and instructions
✔️ Indicate required fields clearly
✔️ Group related fields visually

6, Images, Icons & Media


Some users can’t see images or hear audio

Design Rules
✔️ Decorative images should be ignored by screen readers
✔️ Informative images need clear alt text
✔️ Videos need captions
✔️ Avoid text baked into images

7, Language & Content Clarity


Cognitive accessibility is part of WCAG

Design Rules

✔️ Use simple, plain language
✔️ Short sentences and paragraphs
✔️ Clear calls-to-action

8, Error Prevention & Feedback


Users should know what went wrong and how to fix it

Design Rules
✔️ Highlight errors clearly
✔️ Explain how to correct them
✔️ Don’t rely on color alone


@OnyxDesignx
53👍2🔥1
It is not a promotion 😄
Ever wish your PC worked as fast as your brain? Meet Raycast.

Specially for figma integration A game-changer

Search files and folders
: The quickest way to find and take actions on local files.

Less Copy, More Paste: Access everything you've previously copied (video, image, audio, etc.) and paste it into the active app.

Credentials: Information that can be quickly inserted with a special keyword or shortcut.

Bookmarks:
The absolute quickest way to launch your most-used websites and system links.

Calculator: Calculate anything with a shortcut.

Workflow shortcuts: You can speed up your workflow with shortcuts to everything you need.


Download: https://ray.so/download-windows

If you have another productive tool, drop it in the comment section.

@OnyxDesignx
👍5🙏2
Should I start studying for a compiler design final exam for Monday, or should I complete a stunning landing page project?

I will obey my audience preference 😄

⚡️ Study 🔥 Design

@OnyxDesignx
46🔥241👍1