Lmst
Login

#flatUIDesign

Old School UIOldSchoolUI
2024-01-21

Vine, developed by Vine Labs, Inc. / Dom Hofmann/ Rus Yusupov/ Colin Kroll (circa 2013)

Archived web:
web.archive.org/web/2014060500

Archived App Store:
web.archive.org/web/2013030722

Blog:
web.archive.org/web/2013072309

Review:
theverge.com/2013/1/24/3911972

venturebeat.com/business/twitt

Twitter purchase (before launch):
allthingsd.com/20121009/twitte

allthingsd.com/20121025/jack-d

Video:
youtube.com/watch?v=7F0Zx7cKzR


Vine, developed by Vine Labs, Inc. / Dom Hofmann/ Rus Yusupov/ Colin Kroll (circa 2013) Home Screen and creation screen “See & share beautiful looping videos” “Capture your world in a fun and simple way”Vine, developed by Vine Labs, Inc. / Dom Hofmann/ Rus Yusupov/ Colin Kroll (circa 2013) Explore screen Popular now On the rise Comedy Arts & Experimental Cats DogsVine, developed by Vine Labs, Inc. / Dom Hofmann/ Rus Yusupov/ Colin Kroll (circa 2013) Share screen Add a caption Add a location Post to Vine (toggle on/off) Twitter (toggle on/off) Facebook (toggle on/off) “Done” button to post
Old School UIOldSchoolUI
2024-01-05

Spark Mail, developed: Readdle / Igor & Denys Zhadanov / @andrianbdn (circa 2015)

Archived web:
web.archive.org/web/2015071515

web:
sparkmailapp.com/

Archived App Store:
web.archive.org/web/2015121401

App Store:
apps.apple.com/us/app/spark-ma

Blog:
readdle.com/blog/introducing-s

Review:
macstories.net/reviews/spark-r

mariusmasalar.medium.com/spark

idownloadblog.com/2015/05/29/r

Video:
vimeo.com/128969440


Spark Mail, developed: Readdle / Igor & Denys Zhadanov / @andrianbdn (circa 2015) Three screens Left - Side menu Snoozed Archive Attachments Folders - MidRoll Inbox Pins Sent Drafts Trash Recently Screen Calendar Folder - Testflight Middle - Smart Inbox view separated into New, Notifications, Newsletters Right - Attachments bottom menu Dropbox, box, Google Drive, OneDrive, Evernote, iCloud Drive, MoreSpark Mail, developed: Readdle / Igor & Denys Zhadanov / @andrianbdn (circa 2015) 3 screens Left - Smart Inbox New, Notifications, Newsletters, Pins An email under “Notifications” has been swiped, revealing the action to “pin” an email Middle - Snooze options on an email Today, Tomorrow, Next Week, Someday, Pick date Right - Snoozed section One email listed as “Snoozed”Spark Mail, developed: Readdle / Igor & Denys Zhadanov / @andrianbdn (circa 2015) Personalization filters menu Customization can be on Sidebar, Swipes, and widgets. Sidebar customization scree: Top Section Smart Inbox Inbox Snoozed Pins Attachments + Add new Bottom section folder - Macworld folder - iTunes receipt + Add new
Old School UIOldSchoolUI
2024-01-02

Pocket (Formerly Read It Later), developed: Idea Shower/ Read It Later, Inc / @nateweiner (circa 2012)

Archived web:
web.archive.org/web/2012053007

web:
getpocket.com/en/

Archived App Store:
web.archive.org/web/2012050615

App Store:
apps.apple.com/us/app/pocket-s

Blog:
web.archive.org/web/2012050401

Review:
theverge.com/2012/4/17/2947017

theverge.com/2013/6/18/4439084

Mozilla acquired:
macstories.net/news/mozilla-ac

Video:
vimeo.com/40168555


Pocket (Formerly Read It Later), developed: Read It Later, Inc / @nateweiner (circa 2012) Home list view: Top- stacked papers menu icon (left), Pocket logo (center), pencil bulk edit icon (right) List view of sites saved with title, website, and thumbnail on the rightPocket (Formerly Read It Later), developed: Read It Later, Inc / @nateweiner (circa 2012) Home tiled view: Top- stacked papers menu icon (left), Pocket logo (center), pencil bulk edit icon (right) Tiled card view, 2 on each row, large thumbnail with website below in small textPocket (Formerly Read It Later), developed: Read It Later, Inc / @nateweiner (circa 2012) Article reader view, article text with reading menu below to increase/decrease text size, change font, alignment, darkmode, and brightness
Old School UIOldSchoolUI
2023-09-28

Tempo Smart Calendar, developed in-house. (screenshots circa 2013)

Archived website: web.archive.org/web/2013110906

Archived App Store: web.archive.org/web/2013110701

Reviews:
fastcompany.com/1671919/tempo-

theverge.com/2013/2/13/3982656

venturebeat.com/mobile/tempo-a

Building Tempo: sri.com/press/blog-archive/bui

Watch app: web.archive.org/web/2020093002

Video: youtube.com/watch?v=srPSlTFrH2

Acquired by Salesforce (2015): techcrunch.com/2015/05/29/sale

Tempo Smart Calendar, developed in-house. (screenshots circa 2013) Two screens: Left: meeting invite where the app has pulled in all the information from emails: Date, time, conference call number, invited contacts. Right: Address book that was created by scraping calendar invites and socialsTempo Smart Calendar, developed in-house. (screenshots circa 2013) Two screens: Left screen: Contact info screen for a person. Pulls in photo, emaisl, and phone numbers -"Quickly text, email, or call in one tap" Right screen: Calendar in month view "Month, day, week, agenda and list views"Tempo Smart Calendar, developed in-house. (screenshots circa 2013) Two screens: Left: Day view of calendar. Large photo based on location (San Francisco) also displaying weather. Each event has an action button for calling the phone, finding a location where the meeting is taking place, or the contact info for the person in the meeting. Right: Contact info screen that has scraped that person's public social posts from twitter, LinkedIn, and Facebook, along with their email, phone and more.Tempo Smart Calendar, developed in-house. (screenshots circa 2013) Two screens Left: meeting view of "Call Nick D'Alosoisio, 2:30om - 3:30pm" Event title, 2 contacts, alerts and option to message or let them know they are late. Right: tapping on contacts pulls up bottom with the two contacts name in different buttons to view their contact page
Old School UIOldSchoolUI
2023-09-20

Morning — Weather, To-Do, News, and more, developed by Tamper / @chrismasterson / @dlouhy (screenshots circa 2013, video circa 2014)

Archived website: web.archive.org/web/2013082102

Archived App Store: web.archive.org/web/2013110123

App Store: apps.apple.com/us/app/morning-

Reviews:
iphonefaq.org/archives/973422

appadvice.com/app/morning-weat

Video via: youtube.com/watch?v=u_d2YfTdCj4

Morning — Weather, To-Do, News, and more, developed by Tamper / @chrismasterson / @dlouhy (screenshots circa 2013, video circa 2014) Monochromatic blue background with different-sized boxes of information 4:49 Friday, Jun 7, current weather conditions, RSS feed, calendar events, commute times and stocksMorning — Weather, To-Do, News, and more, developed by Tamper / @chrismasterson / @dlouhy (screenshots circa 2013, video circa 2014) Monochromatic orange background with different-sized boxes of information 7:28 Friday, Jun 7, to-do list, calendar, current weather conditions, RSS feedMorning — Weather, To-Do, News, and more, developed by Tamper / @chrismasterson / @dlouhy (screenshots circa 2013, video circa 2014) Monochromatic green background with different-sized boxes of information, commute box selected with detail of driving directions
Old School UIOldSchoolUI
2023-09-18

Flight Card developed by Sylion / @jonatan & @torcelly (screenshots circa 2011)

Website: sylion.com/flightcard/

Archived App Store: web.archive.org/web/2013053120

Reviews:
thenextweb.com/news/the-flight

beautifulpixels.com/iphone/fli

gizmodo.com/all-boarding-passe

Flight Card developed by Sylion / @jonatan@mastodon.design & @torcelly@mastodon.social (screenshots circa 2011) 3 phone promo view Header. Big block rectangle with "Boarding pass" and color coded status of the flight (brown = schedule, blue=enroute, green = landed) Large tall thin text on white background of starting airport code, plane icon, finishing airport code under that, flight number, terminal, date below that, time displayed in skeumorphic flipboard style, share iconFlight Card developed by Sylion / @jonatan@mastodon.design & @torcelly@mastodon.social (screenshots circa 2011) 1 phone in the center, with many screens to the left and right in a row, displaying the different status states Header. Big block rectangle with "Boarding pass" and color coded status of the flight (brown = departing in X hours, orange= delayed, purple=redirected, red=cancelled, green = landed) Large tall thin text on white background of starting airport code, plane icon, finishing airport code under that, flight number, terminal, date below that, time displayed in skeumorphic flipboard style, share iconFlight Card developed by Sylion / @jonatan@mastodon.design & @torcelly@mastodon.social (screenshots circa 2011) 3 iphones, with different screens of the app: Search flight, flight status, email prefilled with information about the flight Flight Card developed by Sylion / @jonatan@mastodon.design & @torcelly@mastodon.social (screenshots circa 2011) Search results screen Header: "Cancel" button (left), "Search Results", "Add" button in blue (right) list view of flights, flight number, take-off time and landed, and status Virgin America VX920 6:50am - 8:10am, landed Virgin America VX924 10:45am - 12:05pm, landed
Old School UIOldSchoolUI
2023-09-05

Letterpress – Word Game, developed by atebits / @loren (video circa 2012)

Archived website: web.archive.org/web/2012122016

Archived App Store: web.archive.org/web/2013031608

App Store: apps.apple.com/us/app/letterpr

Reviews:
macstories.net/reviews/loren-b

theverge.com/2012/10/24/349344

toucharcade.com/2012/10/24/let

Interviews w/ Loren Brichter:
macstories.net/msinterviews/a-

youtube.com/watch?v=2VbqBBiEWu8

video via: youtube.com/watch?v=eCe_LdqAVTM

Old School UIOldSchoolUI
2023-09-01

Mailbox, developed by Orchestra (video circa 2013)

Archived website: web.archive.org/web/2013112014

Archived App Store: web.archive.org/web/2013113002

Reviews:
web.archive.org/web/2013021109

cultofmac.com/214723/mailbox-b

theverge.com/2012/12/13/375949

Dropbox purchase:
techcrunch.com/2013/03/15/drop

mashable.com/archive/dropbox-b

Saying Goodbye: web.archive.org/web/2015120719

video via: youtube.com/watch?v=_Us1Ws4i14c

Old School UIOldSchoolUI
2023-08-21

Moves, developed by ProtoGeo / Founded by @jtp42 , Juho Pennanen, Sampo Karjalainen (screenshots circa 2013)

Archived website: web.archive.org/web/2013111618

Archived App Store: web.archive.org/web/2013111614

Reviews:
web.archive.org/web/2013120621

web.archive.org/web/2013120302

appadvice.com/app/moves/509204

Facebook acquisition: macrumors.com/2014/04/24/faceb

Moves, developed by ProtoGeo (screenshots circa 2013) Home screen - timeline "Today" view black background Giant green "walk" circle "9,362 steps" medium blue "cycle" circle "39 min", smaller pink "Run" circle ".3 mi" Timeline view that auto-fills as you move throughout the day. Home walk - 18 minMoves, developed by ProtoGeo (screenshots circa 2013) full timeline view black background Timeline view that auto-fills as you move throughout the day. Home walk - 9 min transport - 12 min Run - 3 min Work walk - 8 min Fourbarrel Coffee walk - 8 min work walk - 3 min Moves, developed by ProtoGeo (screenshots circa 2013) Map view 14min / 2.6 mi map of San Francisco, tracking going from Home (icon) to Work (icon)Moves, developed by ProtoGeo (screenshots circa 2013) Week view "Week of 17 June" black background Giant green "walk" circle "32,603 steps" medium pink "Run" circle "879 cal", smaller blue "Cycle" circle "1:04 hours"
Old School UIOldSchoolUI
2023-08-01

Spelltower for iPhone & iPad, developed by @helvetica & @games_by_jack (screenshots circa 2012)

Archived website: web.archive.org/web/2011120101

Website: spelltower.com

Developer AMA: reddit.com/r/IAmA/comments/shz

Archived App Store: web.archive.org/web/2012010709

Reviews:
sitepoint.com/topple-towers-of

web.archive.org/web/2011122317

web.archive.org/web/2012011413

web.archive.org/web/2011122414

Spelltower for iPhone & iPad, developed by @helvetica@mastodon.gamedev.place (screenshots circa 2012) Homescreen Spelltower, a game by Zack Gage. Colorful ribbon buttons stretching across explaining each mode - Tutorial - Learn the basics of SpellTower (in less than a minute) - Tower Mode - No pressure. Get as many points as possible from 150 letters. - Puzzle Mode - +1 row each time you make a word. Don't let the letters reach the top. - Rush Mode - Rows add over time. Make words quickly to keep them from overflowing. Spelltower for iPhone & iPad, developed by @helvetica@mastodon.gamedev.place (screenshots circa 2012) Tiled letters during the game with a word selected "CAVOND" Spelltower for iPhone & iPad, developed by @helvetica@mastodon.gamedev.place (screenshots circa 2012) Tiled letters during the game with a word selected "STAIN" Spelltower for iPhone & iPad, developed by @helvetica@mastodon.gamedev.place (screenshots circa 2012) Tiled letters during the game, filled to the top
Old School UIOldSchoolUI
2023-07-19

Touch LCD - Designer Speaking Clock, developed by Light Pillar / Gareth Clarke & Neil Casini (video circa 2010)

Archived website: web.archive.org/web/2011060212

Archived App Store: web.archive.org/web/2011012915

Archived User Guide: web.archive.org/web/2012101500

Old School UIOldSchoolUI
2023-07-11

Figure - make music beats, developed by Propellerhead, creators of Reason (screenshots circa 2012)

Reviews: theverge.com/2012/4/4/2925471/

musicradar.com/news/tech/prope

Still in the App Store (and looks almost same!) apps.apple.com/de/app/figure-m

Figure, developed by Propellerhead, creators of Reason Drum machine screen, highlighted in blue. Control the kick, snare, hats, and cowbell dragging your finger along a tall blue rectangular barFigure, developed by Propellerhead, creators of Reason Song screen, D Minor is selected and allows you to change the tempo, key, and if you want it to shuffleFigure, developed by Propellerhead, creators of Reason Mix screen. Control the drum volume level (blue), Bass (red), and Lead (orange) dragging your finger along corresponding colored tall rectangular bars.Figure, developed by Propellerhead, creators of Reason Bss machine screen, highlighted in red. Control the rhythm, range, hats, and scale steps by dragging your finger along a large red block rectangle for the pitch.

Client Info

Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst