corpus.blog
41554 blogs · 4,417,066 posts Claim your blog
Record · corpus.blog/posts/01a087e0-81a1-73bb-bbdd-aa0b3b547fb1

UI design trends of today and how to apply them in your apps

sidney.me · published 23 November 2021

A record is what was published and who pointed at it. The text of the post is not held here: read it at the source, or at its Wayback capture.

Read the post at sidney.me Wayback capture
0blogs citing
First cited
—
Most recent
—
Rank this month
not ranked
Links from this post
79
Words captured
3,771

Cited by

No blog we hold has cited this post yet.

Links from this post

Link
Host
iOS and iPadOS 15: The MacStories Review Read at the source ↗
macstories.net
https://www.androidpolice.com/tag/series_android_12_feature_spotlights/
androidpolice.com
https://rowy.io/?utm_source=sidney.me&utm_medium=blog&utm_campaign=UI%20design%20trends%20of%20today%20and%20how%20to%20apply%20them%20in%20your%20apps
rowy.io
https://m3.material.io/styles/icons/applying-icons
m3.material.io
https://web.archive.org/web/20211120234633/https://developer.apple.com/sf-symbols/
web.archive.org
https://web.archive.org/web/20220719033502/https://developer.apple.com/design/human-interface-guidelines/foundations/sf-symbols
web.archive.org
https://medium.com/uber-design/where-to-the-journey-to-ubers-iconography-bf8efd2be446
medium.com
https://m3.material.io/components/navigation-bar/overview
m3.material.io
https://web.archive.org/web/20220719033502/https://developer.apple.com/design/human-interface-guidelines/foundations/sf-symbols/
web.archive.org
https://feathericons.com
feathericons.com
https://iconic.app/
iconic.app
New helper added: Material Icons – Find over 3k icons.. Read at the source ↗
fonts.google.com
https://material.io/blog/announcing-material-you
material.io
https://web.archive.org/web/20211019091919/https://developer.apple.com/design/human-interface-guidelines/macos/visual-design/dark-mode/
web.archive.org
https://web.archive.org/web/20220919055120/https://learn.microsoft.com/en-us/windows/apps/design/style/mica
web.archive.org
https://www.youtube.com/watch?v=Mlk888FiI8A&t=4410s
youtube.com
https://youtu.be/rLKtIGY2Mgc?t=319
youtu.be
https://github.com/material-foundation/material-color-utilities
github.com
https://github.com/material-foundation/material-color-utilities/blob/main/typescript/hct/hct.ts
github.com
https://en.wikipedia.org/wiki/Color_appearance_model
en.wikipedia.org
https://en.wikipedia.org/wiki/CIELAB_color_space
en.wikipedia.org
https://programmingdesignsystems.com/color/perceptually-uniform-color-spaces/index.html
programmingdesignsystems.com
https://webaim.org/articles/contrast/
webaim.org
https://m3.material.io/styles/color/dynamic-color/user-generated-color
m3.material.io
LCH colors in CSS: what, why, and how? Read at the source ↗
lea.verou.me
https://drafts.csswg.org/css-color/
drafts.csswg.org
https://colord.omgovich.ru
colord.omgovich.ru
http://notsidney.github.io/material-you-palette-visual
notsidney.github.io
https://m3.material.io/styles/color/the-color-system/key-colors-tones
m3.material.io
https://design.lyft.com/re-approaching-color-9e604ba22c88
design.lyft.com
https://stripe.com/blog/accessible-color-systems
stripe.com
https://css.land/lch/
css.land
New App: System Color Picker Read at the source ↗
sindresorhus.com
https://accessiblepalette.com
accessiblepalette.com
https://github.com/rowyio/rowy/blob/92630a52351bffdb1d085a41dc46e515bee8faf3/src/theme/colors.ts
github.com
https://css-tricks.com/public-service-announcement-careful-with-your-nested-border-radii/
css-tricks.com
https://graphicdesign.stackexchange.com/questions/8919/how-to-compute-the-radii-radiuses-of-corners-for-concentric-rounded-rects
graphicdesign.stackexchange.com
https://www.w3.org/TR/css-backgrounds-3/
w3.org
https://codepen.io/joshwcomeau/pen/ExgeyPK
codepen.io
https://web.archive.org/web/20211208130511/https://twitter.com/JoshWComeau/status/1349782080021028865
web.archive.org
http://archive.today/2025.12.22-060335/https://x.com/Mumblefluff/status/1061247788611190785
archive.today
Finding the Real iPhone X Corner Radius Read at the source ↗
kylebashour.com
https://web.archive.org/web/20210818061332/https://blog.maxrudberg.com/post/166045445103/ui-design-for-iphone-x-top-elements-and-the-notch
web.archive.org
https://www.sketch.com/docs/designing/templates/
sketch.com
https://github.com/kylebshr/ScreenCorners
github.com
https://m2.material.io/design/shape/applying-shape-to-ui.html
m2.material.io
https://m2.material.io/components/dialogs
m2.material.io
https://www.sketch.com/blog/2017/10/10/introducing-libraries-and-smooth-corners-in-sketch-47/
sketch.com
https://web.archive.org/web/20211027065422/https://developer.apple.com/design/human-interface-guidelines/ios/controls/buttons/
web.archive.org
https://m3.material.io/components/dialogs/overview
m3.material.io
https://m3.material.io/components/navigation-drawer/overview
m3.material.io
https://m3.material.io/components/buttons/overview
m3.material.io
https://pixelambacht.nl/2021/optical-size-hidden-superpower/
pixelambacht.nl
https://variablefonts.io/
variablefonts.io
https://github.com/TypeNetwork/Roboto-Flex
github.com
https://web.archive.org/web/20211010080640/https://developer.apple.com/videos/play/wwdc2015/804/
web.archive.org
https://developer.apple.com/videos/play/wwdc2020/10175/?time=153
developer.apple.com
https://developer.apple.com/videos/play/wwdc2021/10250/?time=411
developer.apple.com
https://docs.microsoft.com/en-us/windows/apps/design/signature-experiences/typography
docs.microsoft.com
https://youtu.be/rLKtIGY2Mgc?t=414
youtu.be
https://en.wikipedia.org/wiki/San_Francisco_(sans-serif_typeface
en.wikipedia.org
https://en.wikipedia.org/wiki/Segoe
en.wikipedia.org
https://en.wikipedia.org/wiki/Product_Sans
en.wikipedia.org
https://codepen.io/RoelN/pen/PoPvdeV
codepen.io
https://web.archive.org/web/20211128033903/https://twitter.com/rsms/status/1248657377877839872
web.archive.org
https://web.archive.org/web/20211029212840/https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/
web.archive.org
https://developer.apple.com/videos/play/wwdc2021-10059/?time=335
developer.apple.com
https://m3.material.io/components/top-app-bar/overview
m3.material.io
https://mui.com/components/app-bar/
mui.com
https://web.archive.org/web/20211103001329/https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/
web.archive.org
https://web.archive.org/web/20241224143631/https://blog.maxrudberg.com/post/165590234593/ui-design-for-iphone-x-bottom-elements
web.archive.org
https://web.archive.org/web/20211027065745/https://developer.apple.com/design/human-interface-guidelines/ios/views/tables/
web.archive.org
https://web.archive.org/web/20211027065531/https://developer.apple.com/design/human-interface-guidelines/ios/views/split-views/
web.archive.org
https://www.smashingmagazine.com/2016/06/improving-color-accessibility-for-color-blind-users/
smashingmagazine.com
https://community.spotify.com/t5/Implemented-Ideas/All-Platforms-Make-Shuffle-Icons-Discernible-for-Color-Blind/idi-p/1556225
community.spotify.com
https://docs.microsoft.com/en-us/windows/apps/design/signature-experiences/geometry
docs.microsoft.com
https://unsplash.com/@viniciusamano?utm_source=medium&utm_medium=referral
unsplash.com
Unsplash Read at the source ↗
unsplash.com
https://en.wikipedia.org/wiki/Metaverse
en.wikipedia.org