CODE.MARKET
Search main icon svg
Enter ↵

News App Design System in Sketch

Author userpic
by Osumstudio
News App Design System in Sketch  News & Blogging Design

Description

News App Design System in Sketch. Premium App for News, Magazines & Publishers with all possible screens. These designs are on Day/Night Color modes, so it’s easy to read for end users all the time. Fully based on Sketch design system including symbols and styles base. One click can change whole colours on all templates. And one font change will reflect on all pages. It’s that simple. Super easy to rebrand in your colours and fully editable by using sketch application. Note: Buyers can request any page that they think needs to be added. We promise to add that requested pages in coming releases.

News App Design System in Sketch - 1

News App Design System in Sketch - 1


Features:


  • 70 Screen Designs (35 White and 35 Black)
  • Premium Designs based on App Standards
  • 2X Content Strategy
  • Symbols Based Design System
  • Colors/Fonts/Shadows Library Styling
  • 8-Pt Grid System
  • Related Custom Vector Icons
  • Voice Search Design
  • Pixel Perfect
  • Fully Vector
  • Super Easy to Edit
  • Managed Layers
  • Google Fonts
  • Black & White Templates
  • iPhone 11 Pro Size Designs
  • Advertisement Spaces



How to Edit:


Its a Design System for Sketch that helps you work better, smarter, and faster. You can save countless production hours by using it. To use this system fully, go through the details below.


  • Settings Here you can configure your brand colors, Typography and shadows. Colors:Step 1: Change Primary/Secondary layers colors with your brand colors.
  • Step 2: Hit “Update” Button in Style properties to save your colors.
  • Typography:Step 1: Change Fonts with your brand fonts.
  • Step 2: Hit “Update” Button in Style properties to save your Fonts.

Just by doing these, all screens fonts and colors will be changed automatically to your brand colors and fonts.


Symbols: If you want to change any component or symbol.

  • Step 1: Double click on it, that leads you to symbols page.
  • Step 2: Do desired changes and hit save.
  • Step 3: Updated Symbol will reflects everywhere automtically.

All symbols are responsive in behaviour. That fits your content automatically and expand accordingly. Content Changes: By using overrides you can control the following properties.

  • - Text Content
  • - Color
  • - Shadow
  • - Overlay
  • - Image

Feel free to reach us if facing any problem and needs more details on editing part.


Screens:


  1. For You
  2. Timeline
  3. Homepage
  4. Loading
  5. Guide
  6. Select Interest
  7. Walkthrough 1
  8. Walkthrough 2
  9. Walkthrough 3
  10. Sign Up Blank
  11. Sign Up Filled
  12. Forgot Password
  13. Log In Filled
  14. Log In Blank
  15. Splash Page
  16. Write An Article
  17. Write Comment
  18. Contact Us
  19. Slideshow
  20. About Us page
  21. Channel Page
  22. Author Page
  23. Search Mic
  24. Profile Edit
  25. Profile Page
  26. Pages
  27. Categories #1
  28. Categories #2
  29. Detail Page Video
  30. Detail Page Image
  31. List Page List View
  32. List Page Thumb View
  33. Search Result
  34. Search #1
  35. Search #2



Source Files Includes:


  • One Sketch Format File

(Includes full designs system with 35 white screens and 35 black screens)


  1. Used Fonts:Roboto Slab – https://fonts.google.com/specimen/Roboto+Slab
  2. Roboto – https://fonts.google.com/specimen/Roboto



Images & Graphics:


  1. Elements Envato – https://elements.envato.com
  2. Unsplash – https://unsplash.com
  3. Pixabay –



Note: All the images are display only, not included in the main download package. All images are just used for Preview Purpose Only. They are not part of the template and NOT included in the final purchase files.


Thanks for showing interest in our News App Design System in Sketch. Should you have any additional questions, doubts or need support, please contact us via our envanto profile. Also feel free to suggest new pages that You think we need to add in our next release.

Product tags

    • 6 month free support included from author
    • Free lifetime product updates guarantee
    • 360 degrees quality control
    Secure payment & money back guarantee

    Related products