User Interface Design

UX Writing

Interaction Design

Visual Design

Your new frontend assistant.

Web Interface Handbook

Physicality: the new age of UI

💡How to communicate design to developers 

Excellent checklist that covers all aspects that must be considered and communicated to engineers throughout the design & development process — from naming conventions to interaction design and animation.

👇

The Hitchhiker's Guide to Digital Colour

Exploring the use of hover interactions to expand art previews for a gallery website. In progress, with

CleanMyMac X. Product Design.

<n>UI Kit</n> for a photo editor, designed by <n>German Zhevmerev</n>.

UI Density

💎 Elevation in UI Design

The diagram below displays the relationship between UI elements and their elevation levels. A great reference when building an evaluation system for your product.

👇

Typography for User Interfaces

Design good practices

Version Control: How a UX Writer Weighs One Word Against Another | Figma Blog

Workbench components

<n>Analytics Dashboard Tool</n> user interface design by <n>Andrea Montini</n>.

Devouring Details

What makes a good human interface? | thesephist.com

Patterns | Apple Developer Documentation

Origami Studio — Origami Studio 3

A UI concept for <n>Cognex Deep Learning</n> by <n>Territory Studio</n>, commissioned by <n>ManvsMachine</n>.

Invisible Details of Interaction Design

Design for the AI age

💚 The essential guide to matching icons with typefaces

A free and complete guide on how to pair icons and typefaces to create a consistent visual language.

By @streamlinehq

Link below 👇

#design #icons

Compare · Play

The <n>visionOS</n> interface for the <n>Apple Vision Pro</n>, developed by <n>Apple</n>.

Interaction Design Pattern Library - Welie.com

Design patterns

Re: Cake App 🍰

Explored building it with @Replit today. 

There are a lot of small design details worth highlighting in how they've approached building apps from their phone app.

👇 highlighting a few below...