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
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
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.
እንደት ልትረዱት ትችላላችሁ መሰላችሁ!!
ድሮ ምግብ ለመስራት የማገዶ እንጨትና እሳት እንድሁም ሌሎች ቁሳቁሶችን እንጠቀም ነበር። በሂደት ኤሌክትሪክና ሌሎች ዘመናዊ ኢቃዎች ሲመጡ የማገዶም ሆኖ ሸክላ እቃዎች ተፈላጊነት እየቀነሰ በሂደትም ምግቡ የሚሰራበት መንገድ ተቀየረ ማለት ነው።
አድሶቹ ፈጠራዎች ስራውን ቢያቀሉትም የሚሰራው ምግብ ጥሩ መሆን አለመሆን ግን አሁንም ምግቡን በሚሰራው ሰው ብቃት ላይ የተመሰረተ ነው።
ፕሮግራሚንግም ቢሆን ተመሳሳይ ነው
እንደት ልትረዱት ትችላላችሁ መሰላችሁ!!
ድሮ ምግብ ለመስራት የማገዶ እንጨትና እሳት እንድሁም ሌሎች ቁሳቁሶችን እንጠቀም ነበር። በሂደት ኤሌክትሪክና ሌሎች ዘመናዊ ኢቃዎች ሲመጡ የማገዶም ሆኖ ሸክላ እቃዎች ተፈላጊነት እየቀነሰ በሂደትም ምግቡ የሚሰራበት መንገድ ተቀየረ ማለት ነው።
አድሶቹ ፈጠራዎች ስራውን ቢያቀሉትም የሚሰራው ምግብ ጥሩ መሆን አለመሆን ግን አሁንም ምግቡን በሚሰራው ሰው ብቃት ላይ የተመሰረተ ነው።
ፕሮግራሚንግም ቢሆን ተመሳሳይ ነው
🔥5❤1👎1
Open Position - Senior Graphics and UI/UX Designer
Apply here
https://www.linkedin.com/jobs/view/4350860560/
@OnyxDesignx
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
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
If you know #only pinterest,dribble or Behance for inspiration...
Wait let me share you ..
Save it
@OnyxDesignx
⚡3❤1🙏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
• 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
🔥17❤4⚡3👍2👏1
⚡6🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
🎊🥳 Let’s celebrate 1,400 subscribers with this design!
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
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🔥4❤1🍾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
- 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.
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
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
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)
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
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
Cognitive accessibility is part of WCAG
Design Rules
✔️ Use simple, plain language
✔️ Short sentences and paragraphs
✔️ Clear calls-to-action
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
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
❤5⚡3👍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
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
I will obey my audience preference 😄
⚡️ Study 🔥 Design
@OnyxDesignx
⚡46🔥24✍1👍1