Products
Features
YouTube Video Summarizer
Summarize YouTube videos
Web & PDF Highlighter
Highlight web pages & PDFs
Chat with PDF
Ask any PDF questions with AI
Ask AI Clone
Chat with your highlights & memories
Audio Transcriber
Transcribe audio files to text
Glasp Reader
Read and highlight articles
Kindle Highlight Export
Export your Kindle highlights
Idea Hatch
Hatch ideas from your highlights
Integrations
Obsidian Plugin
Notion Integration
Pocket Integration
Instapaper Integration
Medium Integration
Readwise Integration
Snipd Integration
Hypothesis Integration
Apps & Extensions
Chrome Extension
Safari Extension
Edge Add-ons
Firefox Add-ons
iOS App
Android App
Discover
Discover
Ideas
Discover new ideas and insights
Articles
Curated articles and insights
Books
Book recommendations by great minds
Posts
Essays and notes from readers
Quotes
Inspiring quotes collection
Videos
Curated videos and summaries
Explore Glasp
Glasp Newsletter
Weekly insights and updates
Glasp Talk
Interview series with great minds
Glasp Blog
Latest news and articles
Glasp Use Cases
Learn how others use Glasp
Build & Support
Glasp API
Access Glasp's API for developers
MCP Connector
Connect Glasp to Claude & ChatGPT
Community
Glasp Reddit Community
Students
Student discount and benefits
FAQs
Frequently Asked Questions
AboutPricing
DashboardLog inSign up

Writers app design in #adobeXD

4.3K views
•
August 12, 2018
by
Hitesh Choudhary
YouTube video player
Writers app design in #adobeXD

TL;DR

The video showcases the process of designing a clean and elegant login screen for a writing app, using Adobe XD and free icons from Flat Icon.

Transcript

hey there everyone this year and this is day three of our 30 days of XD challenge so in case you are not aware of it I have taken the 30 days of XD challenge and every single day I'll try to design something so that I can get friendly on XD so into that we are onto 3rd day and this is what we are gonna design today so I designed this I liked it and... Read More

Key Insights

  • 🥳 The 30 Days of XD Challenge is a personal project aimed at improving skills in using Adobe XD for design.
  • 😀 Designing a simple login screen for a writing app involves considering the target audience and using appropriate colors and icons.
  • 😒 Websites like Flat Icon provide a wide variety of free icons for designers to explore and use in their projects.
  • 👀 Attention to detail, such as using shadows and gradients, can elevate the overall look and feel of a design.
  • 🌱 The video emphasizes the importance of giving credit to authors when using icons from paid plan websites.
  • 😀 Personalizing the design, such as selecting fonts and colors that align with the app's purpose, is essential for creating a unique and visually appealing login screen.
  • 🎨 The video encourages viewers to practice and replicate designs from resources like Flat Icon to improve their design skills.

Install to Summarize YouTube Videos and Get Transcripts

Explore YouTube Video Summarizer or Get YouTube Transcript Extractor

Questions & Answers

Q: What is the purpose of the video?

The purpose of the video is to demonstrate the process of designing a simple login screen for a writing app using Adobe XD.

Q: Where can I find free icons for my designs?

The designer recommends exploring websites like Flat Icon, which offer a wide range of free icons. However, if using icons from a paid plan, make sure to give credit to the author.

Q: What are the key design elements used in the login screen?

The designer uses a linear gradient background, shadows, rounded buttons, and carefully selected fonts and colors to create a clean and elegant design.

Q: What is the recommended software for creating the login screen?

The video demonstrates the design process using Adobe XD, which is a popular software for creating user interfaces.

Summary & Key Takeaways

  • The video demonstrates how to create a login screen for a writing app using Adobe XD.

  • The designer explores various websites, including Flat Icon, for free icons to use in the design.

  • The designer uses a linear gradient for the background, adds shadows, and selects fonts and colors to create a clean and elegant look.


Read in Other Languages (beta)

English

Share This Summary 📚

Summarize YouTube Videos and Get Video Transcripts with 1-Click

Download browser extensions on:

Try YouTube Summary with ChatGPT & Claude or YouTube Transcript Generator

Explore More Summaries from Hitesh Choudhary 📚

creating a video player in java at 4 in morning thumbnail
creating a video player in java at 4 in morning
Hitesh Choudhary
WildCard Character Regular expressions thumbnail
WildCard Character Regular expressions
Hitesh Choudhary
Capacitor by Ionic - Successor of Cordova and phonegap thumbnail
Capacitor by Ionic - Successor of Cordova and phonegap
Hitesh Choudhary
God Father of AI warns about AI risks thumbnail
God Father of AI warns about AI risks
Hitesh Choudhary
Sunday Live 3 September, 2017 thumbnail
Sunday Live 3 September, 2017
Hitesh Choudhary
AWS Architect for real world | LearnCodeOnline thumbnail
AWS Architect for real world | LearnCodeOnline
Hitesh Choudhary

Summarize YouTube Videos and Get Video Transcripts with 1-Click

Download browser extensions on:

Try YouTube Summary with ChatGPT & Claude or YouTube Transcript Generator

Apps & Extensions

  • Chrome Extension
  • Safari Extension
  • Edge Add-ons
  • Firefox Add-ons
  • iOS App
  • Android App

Key Features

  • YouTube Video Summarizer
  • Web & PDF Summarizer
  • Web & PDF Highlighter
  • Chat with PDF
  • Ask AI Clone
  • Audio Transcriber
  • Glasp Reader
  • Kindle Highlight Export
  • Idea Hatch

Integrations

  • Obsidian Plugin
  • Notion Integration
  • Pocket Integration
  • Instapaper Integration
  • Medium Integration
  • Readwise Integration
  • Snipd Integration
  • Hypothesis Integration

More Features

  • APIs
  • MCP Connector
  • Blog & Post
  • Embed Links
  • Image Highlight
  • Personality Test
  • Quote Shots

Company

  • About us
  • Blog
  • Community
  • FAQs
  • Job Board
  • Newsletter
  • Pricing
Terms

•

Privacy

•

Guidelines

© 2026 Glasp Inc. All rights reserved.