From The Stack
From The Stack
Practical design systems writing — tokens, type, spacing, and the decisions behind them. No fluff.
-
Colour Contrast Checker
1–2 minutesCheck the contrast between different color combinations against WCAG standards. https://colourcontrast.cc/
-
Material Design 3 – Components
1–2 minutesMaterial 3 is the latest version of Google’s open-source design system. You can design and build beautiful, usable products with Material 3 components. Components are interactive building blocks for creating a user interface. They can be organized into five categories based on their purpose: Action Action components help people achieve an aim. Communication Communication components…
-
Selfone
1–2 minutesFree template for PowerPoint, Keynote and Google Slides Selfone is a 100% free PowerPoint/Google Slides/Keynote template to present your app. – 34 slides including SVG mockups & 172 icons – Ultra light (less than 4MB) – Customizable (change theme color) – Nothing to install (fonts included or use system fonts) Source: https://www.slidor.fr/en/selfone?ref=betalist
-
Gestalt principles in UI Design
1–2 minutesGestalt principles help us design intentionally in order to build relationships between elements on a page. Source: https://www.uxtoast.com/design-tips/gestalt-principles-in-ui
-
Checklist Design
1–2 minutesA collection of the best design practices.When you’re building a product, things can get complex quickly. You’re in the trenches, thinking about every element, interaction and journey. Keeping all of this information in your head is a problem. You inevitably forget things, and lose mental space that would otherwise be free for creativity and problem…
-
Optimizilla
1–2 minutesThis online image optimizer uses a smart combination of the best optimization and lossy compression algorithms to shrink JPEG, GIF and PNG images to the minimum possible size while keeping the required level of quality. Source: https://imagecompressor.com/
-
WAVE®
1–2 minutesWAVE ® is a suite of evaluation tools that helps authors make their web content more accessible to individuals with disabilities. WAVE can identify many accessibility and Web Content Accessibility Guideline (WCAG) errors, but also facilitates human evaluation of web content. Simply input a web address to test it’s accessibility directly within the browser. Source:…
-
SVGator
1–2 minutesPacked with all the tools you need, SVGator is the ultimate SVG animation generator: a thoughtfully designed, intuitive interface, right at your fingertips. … Animate icons, logos, backgrounds, and other illustrations. Power up your SVG with various path, morph, filter, or color animations. Source: https://www.svgator.com/
-
FontPair
1–2 minutesFree fonts and font pairings to use for your next design project. FontPair helps you pair beautiful Google Fonts together by suggesting free fonts that work well together. They also offer typography inspiration and 101 level tutorials for people who want to learn more about designing with typography. Source: https://www.fontpair.co/
-
FFFuel
1–2 minutesfffuel is a collection of color tools and free SVG generators for gradients, patterns, textures, shapes & backgrounds. 🚀 Here you’ll find a collection of totally free SVG makers to create cool backgrounds, seamless patterns, gradients, textures, shapes and blobs. Source: https://fffuel.co/
Latest Comments
me designing on a random tuesday lool
test
This is a great article!
Tags
#qatar2022 afrobeats animations apps borders branding breakpoints browser defaults chillhop coding css dark/light mode designers design system design tokens education emails emojis food google hexadecimal icons image compression inspiration line-clamp lofi luxury marketing mobile music naming conventions portfolios scrollbar selection color specimens svg tab indicator tabs text selection text truncation tools users WCAG web-design youtube
Categories
- 3D (1)
- Accessibility (20)
- AI (14)
- Analytics (2)
- Automation (10)
- Buttons (8)
- Color (18)
- Components (16)
- css (15)
- Educational (37)
- Figma (3)
- Fonts (9)
- Iconography (12)
- Illustrations (13)
- Images (18)
- Inputs (2)
- Logos (1)
- Mockups (6)
- Payments (1)
- Personas (1)
- SEO (3)
- Sites (47)
- Styleguides (16)
- Tokens (29)
- Typography (11)
- UI KIt (23)
- UI/UX (79)
- Uncategorized (1)
- Unique Designs (14)
- Vibes (2)
- video (5)
- WCAG (10)
- Web Design (24)
Join 900+ subscribers
Stay in the loop with everything you need to know.
these are 🔥🔥🔥🔥