This image shows a smartphone displaying the login screen of the "Glossary" mobile app, a platform themed around books. The screen is set against a blurred background featuring colorful book covers. At the top, the app's logo "Glossary" is presented in an elegant serif font, beneath which the tagline "A Chapter Ahead." is displayed. The central focus of the screen is a login form titled "Join Glossary" with the invitation "Fall into a rabbit hole of books." The form includes filled fields for "Username" with the text "Oscar" and "Password" with obscured characters. Below the fields are a brown "Sign Up" button and a text link "Already have an account? Log in". The smartphone displays standard status icons at the top, including time at 9:41, signal strength, and battery level. The image is watermarked with "@JaceThings on X/Twitter" at the bottom.

The image is a 3x3 grid displaying different styles of text message bubbles against a light beige background. Each bubble contains the same three lines of text: “well I guess… there’s nothing else to do but hope for the best.” The variations focus on the design and placement of the message tails, showcasing different styles typically seen in messaging apps.

A set of 24 minimalistic icons arranged in a grid, with four rows and six columns, all on a dark brown background. The icons are rendered in a light beige color and represent common interface elements such as user profiles, trash cans, bells, compasses, speech bubbles, badges, question marks, grids, cameras, stars, overlapping circles, magnifying glasses, life preservers, minus signs, and warning triangles. The design is consistent, with each type of icon shown in both outlined and solid styles. In the bottom left corner, there is text that reads "Icons – 001," and in the bottom right corner, the Twitter handle "@JaceThings on X/Twitter" is displayed.

A comparative image showcasing a software interface with two modal windows displaying different settings for "Custom Screen Padding" on a digital device. The left side, titled "Custom Screen Padding Off," reveals a simplified interface with an image of a device's screen bordered by a minimal padding of '4px', indicated by a single slider under the 'Padding' option. Below, two buttons are visible: 'Preview Window Size' and 'Save & Close.' The right side, titled "Custom Screen Padding On," exhibits a more complex interface with additional adjustable settings for padding. Sliders for 'Top,' 'Left,' 'Right,' and 'Bottom' are displayed, all set to '4px,' except for 'Left' and 'Right,' which are increased to '100px.' Below these, a 'Gaps' setting remains at '4px,' while an 'External Bar' slider is set at '0px.' Both sides feature a 'Simple' and 'Custom' toggle, with the latter selected on the right. The underlying blurred background suggests a cozy environment.

How to make Apple’s Apple Picker Wheel in Figma

A collection of things I wrote or found that have been written and are very hard to access that I think are worth reading.

Home

A screenshot of a user interface customisation window with a focus on adjusting the accent colour. The window is titled "Accent Colour" under a larger "Theming" category. The UI presents a choice between "System" and "Custom" options, with "Custom" currently selected. Below, there's a gradient colour selector displaying a range of colours from red to blue, with a white circle indicating the current colour selection - a blend of red, green, and blue with hexadecimal code #DDB1B5 shown above the palette. Underneath the gradient, sliders for Red (221), Green (177), and Blue (181) indicate the composition of the chosen colour. The left-hand side menu lists additional theming options like Icon, Radial Menu, Preview, and settings such as Behaviour, Keybindings, and sections named Loop, Advanced, Permissions, Excluded Apps, and About. The backdrop of the window has a blurred effect, revealing an underlying colourful painting or image.

The image displays a collection of 30 brown icons, arranged in four rows on a beige background. Each icon has a counterpart in both outline and filled styles. The icons are organized neatly, showcasing various common symbols used in digital interfaces. In the bottom left corner, the text "Icons – 002" is visible, and in the bottom right corner, it reads "@JaceThings on X/Twitter."

Two minimalist, modern cards on a light background draw attention to them. 

The left card is under "Build" and is blue of various shades. It lists 18 content creation and organisational tools, including "Websites", "Portfolios", and "Blogs". This card's bottom has a "Start Building" button to encourage users to use the services.

The purple "Sell" card on the right suggests a different but complementary service category. It lists 18 e-commerce and digital service options, including "Courses", "E-Books", "Digital Downloads", and "Coaching Calls", suggesting ways users can monetize their skills or products. This card's bottom has a "Start Selling" button that encourages users to use the platform's selling tools. 

Each service option on both cards has an icon for easy identification. The clean, user-friendly design gives a quick overview of the platform's capabilities.

https://figma.com/community/plugin/1356736586164762457/progressive-blur

A close-up of a computer interface, specifically a menu with a dark theme. The background is blurred, but hints of warm colours suggest the window behind the menu is probably a photo or a colourful application. At the top of the menu, there is a grey bar with a caption icon resembling a nerd face emoji followed by the word "Advanced". Below this, the menu is divided into sections. The visible section is titled "Theming" and contains settings related to visual customisation. There are three options visible under this section: "Icon", "Accent Colour", and "Radial Menu". To the left of these options are corresponding icons, the first of which resembles a star, possibly indicating customisation of icons. The "Accent Colour" option is accompanied by a pen-like icon, likely for colour selection.

This image shows a user interface window with the title "Permissions". There are two sections listed: 

1. "Accessibility Access" with a blue checkmark on the left, indicating that this permission has been granted. Next to it, there's a button labeled "Request..." which appears to be inactive or already used since the permission has been granted.

2. "Screen Recording Access" with a similar button labeled "Request..." which is active or available to be clicked on. This suggests that screen recording access has not been granted yet, and the user can request this permission by clicking the button.

The background of the window is a blurred image, mostly in shades of brown, making the details indistinguishable. The window is styled with a dark theme, using dark brown tones for the window and lighter brown for the buttons, providing a contrast that ensures readability. The overall appearance suggests a modern operating system with a focus on minimalistic design.

https://www.kickstarter.com/projects/fluxkeyboard/flux-keyboard-the-keyboard-reinvented

A light purple, semi-transparent box with rounded corners offers several monetization options. Each option is presented as a "chip" - a pill-shaped button with slightly darker purple text that suggests activation, possibly links or buttons. The box's backdrop casts a faint shadow on a white background, creating a 3D effect.

The options include Coaching Calls, Online Courses, Member Areas, E-Books, Digital Art, Photography, Digital Collection, Podcast Episodes, Digital Downloads, Recipes, Exclusive Content, Templates, Presentation Slides, Branding Classes, Invitations, Community Memberships, Music, Business Plan Templates, Tutorials, Language Lessons, Special Edition E-Books, Subscriptions, Behind-the-Scenes Content, Freelance Services, and Ethnic Cuisine Books. The chips are grid-arranged with ample spacing for clarity, and the text size varies slightly to indicate a hierarchy of options or categories.

A macOS app icon styled as a traditional metronome. The icon is a rounded square with a warm brown gradient background. At its center is a metallic vertical slider, representing the metronome’s pendulum arm, with evenly spaced black calibration markings and numbers ranging from 40 to 208 BPM. 

A metallic weight sits on the slider, rectangular with rounded edges and horizontal grooves, designed to adjust the tempo. The bottom of the icon curves inward, mimicking the shape of a metronome’s base, with a smooth brown texture. Vertical lines in the background add subtle depth, while the faint word ‘literally’ appears near the slider’s base in a soft, stylized font. 

The design balances metallic and wooden elements, giving it the tactile look of a physical metronome while remaining simple and modern.

A user interface for the icon customisation feature within an application named Loop. The page is dedicated to theming, specifically allowing users to choose an application icon from a selection. The visible icons vary in design, indicating different styles that a user can select to represent the app on their device. One icon in particular is highlighted with a green square which is the current selection. To the right of this icon, there's a locked icon with a note that 806 more "Loops" are required to unlock it, which suggests some form of in-app currency or achievement system. Additionally, there is a button labelled "Suggest New Icon," implying users can contribute to the icon selection by submitting their own designs or ideas.

The colour palette of the image is rich and leans towards a dark mode aesthetic, with deep brown and green tones dominating the interface, providing a sleek and modern feel.

Need an excuse to break out the crystal glassware

Just found out about artsandculture.google.com, guess i have some new wallpapers

working on some fun stuff with @cyn and @jace ☁️

📖 Glossary – A late night exploration

Funny think about this app, I only follow people on twitter if they are design orientated, have some cool tricks or are just overall amazing in the design community.

If I did that here, I'd be following everyone on the platform...

I've tried something.... how does it make us feel

Made some things for work today, they sadly won't be used 😔

Found a way to make Apple's "Picker Wheel", fully editable in Figma, with strategically rotated frames and opposingly rotated nested text.

Read more here:
https://cv.ja.mt/apple-picker-wheel

http://ja.mt
Will improve every day at 3am
Feedback welcome

Designed some custom icons for Posts, which one is your favourite? Left is the original ofc :~)

🌺 It's your desktop, it should feel like it.

Learning Framer, one mistake after another, but we all get there in the end 🐢

working on some fun stuff with @fish and @jace ☁️

I'm happy to announce that, after a day of tinkering, teaming up, and cleaning, the very first version Progressive Blur in Figma is live.

Try it here!
https://figma.com/community/plugin/1356736586164762457/progressive-blur

@andy we really need in-app theme selection in here :p

JUST PASSED AN ASSIGNMENT I THOUGHT I FAILED 🎉🎉🎉🎉🎉🎉

🥳 Loop 1.0 is out! 

Loop is a macOS window manager built by TheMrKai77 and designed by me!

Over the past two months, we’ve been hard at work trying to create the best free and open-source window manager there is! And I feel like we've succeeded 🎉

Ordering food at midnight is fun, especially when you haven't eaten all day

Just "bought" my first external keyboard 👀💰
https://www.kickstarter.com/projects/fluxkeyboard/flux-keyboard-the-keyboard-reinvented

Sometimes "Stop and smell the flowers" extends to more than just flowers, and more than just smelling

In my world, all walls would connect to the floor like this.

This is what I'd would be like if Friday was the last day of my work week. it's Sunday, but one can still dream

working on some fun stuff with @cyn and @fish ☁️

Who knew managing two full time jobs would be hard 😃