Hi, I’m Sara Temby, Design Develop Create

<img src="https://149514950.v2.pressablecdn.com/wp-content/uploads/2020/12/cover-image.jpg" width="1042" height="722" alt="Design I Develop I Create" data-height-percentage="35" />

pix.com

Simple Login Page Design

*work-in-progress
pix.com

Created a simple login page for pix.com, a new online DAM service for photographers, designers, and developers to easily store, organize, manage, and batch-format digital assets.

Objectives
Design a modern, pixel-perfect login page for people in the creative and technology industries—simplistic, clean layout with inclusive design best practices: design dual-themed (light & dark mode) login page and sample user flow.

Deliverables
– Style guide
– Component library
– The actual page layout
– Interactive prototype

<img fetchpriority="high" decoding="async" width="1080" height="1633" src="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/Design-Brief-2-scaled.jpg?resize=1080%2C1633&ssl=1" alt="Design Brief" title="Design Brief" srcset="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/Design-Brief-2-scaled.jpg?w=1693&ssl=1 1693w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/Design-Brief-2-scaled.jpg?resize=198%2C300&ssl=1 198w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/Design-Brief-2-scaled.jpg?resize=677%2C1024&ssl=1 677w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/Design-Brief-2-scaled.jpg?resize=768%2C1161&ssl=1 768w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/Design-Brief-2-scaled.jpg?resize=1016%2C1536&ssl=1 1016w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/Design-Brief-2-scaled.jpg?resize=1354%2C2048&ssl=1 1354w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/Design-Brief-2-scaled.jpg?resize=1080%2C1633&ssl=1 1080w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/Design-Brief-2-scaled.jpg?resize=1280%2C1935&ssl=1 1280w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/Design-Brief-2-scaled.jpg?resize=980%2C1482&ssl=1 980w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/Design-Brief-2-scaled.jpg?resize=480%2C726&ssl=1 480w" sizes="(max-width: 1080px) 100vw, 1080px" class="wp-image-244121" data-recalc-dims="1" />

Design Brief

View Design Brief

pix.com Style Guide — Light Mode

<img decoding="async" width="732" height="2560" src="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Style-Guide-Dark-Mode-scaled.jpg?resize=732%2C2560&ssl=1" alt="pix.com dark mode style guide" title="02_Style Guide - Dark Mode" srcset="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Style-Guide-Dark-Mode-scaled.jpg?w=732&ssl=1 732w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Style-Guide-Dark-Mode-scaled.jpg?resize=86%2C300&ssl=1 86w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Style-Guide-Dark-Mode-scaled.jpg?resize=293%2C1024&ssl=1 293w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Style-Guide-Dark-Mode-scaled.jpg?resize=768%2C2685&ssl=1 768w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Style-Guide-Dark-Mode-scaled.jpg?resize=439%2C1536&ssl=1 439w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Style-Guide-Dark-Mode-scaled.jpg?resize=586%2C2048&ssl=1 586w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Style-Guide-Dark-Mode-scaled.jpg?resize=1080%2C3776&ssl=1 1080w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Style-Guide-Dark-Mode-scaled.jpg?resize=480%2C1679&ssl=1 480w" sizes="(max-width: 732px) 100vw, 732px" class="wp-image-244033" data-recalc-dims="1" />

pix.com dark mode style guide

pix.com Style Guide — Dark Mode

<img decoding="async" width="732" height="2560" src="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Style-Guide-Light-Mode-scaled.jpg?resize=732%2C2560&ssl=1" alt="pix.com light mode style guide" title="01_Style Guide - Light Mode" srcset="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Style-Guide-Light-Mode-scaled.jpg?w=732&ssl=1 732w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Style-Guide-Light-Mode-scaled.jpg?resize=86%2C300&ssl=1 86w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Style-Guide-Light-Mode-scaled.jpg?resize=293%2C1024&ssl=1 293w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Style-Guide-Light-Mode-scaled.jpg?resize=768%2C2685&ssl=1 768w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Style-Guide-Light-Mode-scaled.jpg?resize=439%2C1536&ssl=1 439w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Style-Guide-Light-Mode-scaled.jpg?resize=586%2C2048&ssl=1 586w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Style-Guide-Light-Mode-scaled.jpg?resize=1080%2C3776&ssl=1 1080w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Style-Guide-Light-Mode-scaled.jpg?resize=480%2C1679&ssl=1 480w" sizes="(max-width: 732px) 100vw, 732px" class="wp-image-244031" data-recalc-dims="1" />

pix.com light mode style guide

Login Screen — Dark Mode

<img decoding="async" width="1080" height="675" src="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Log-in-Page-Dark-Mode.jpg?resize=1080%2C675&ssl=1" alt="02_Log in Page - Dark Mode" title="02_Log in Page - Dark Mode" srcset="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Log-in-Page-Dark-Mode.jpg?w=1440&ssl=1 1440w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Log-in-Page-Dark-Mode.jpg?resize=300%2C188&ssl=1 300w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Log-in-Page-Dark-Mode.jpg?resize=1024%2C640&ssl=1 1024w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Log-in-Page-Dark-Mode.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Log-in-Page-Dark-Mode.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Log-in-Page-Dark-Mode.jpg?resize=1080%2C675&ssl=1 1080w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Log-in-Page-Dark-Mode.jpg?resize=1280%2C800&ssl=1 1280w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Log-in-Page-Dark-Mode.jpg?resize=980%2C613&ssl=1 980w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Log-in-Page-Dark-Mode.jpg?resize=480%2C300&ssl=1 480w" sizes="(max-width: 1080px) 100vw, 1080px" class="wp-image-244036" data-recalc-dims="1" />

02_Log in Page - Dark Mode

Create Account Screen — Dark Mode

<img decoding="async" width="1080" height="675" src="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Create-Account-Page-Dark-Mode.jpg?resize=1080%2C675&ssl=1" alt="02_Create Account Page - Dark Mode" title="02_Create Account Page - Dark Mode" srcset="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Create-Account-Page-Dark-Mode.jpg?w=1440&ssl=1 1440w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Create-Account-Page-Dark-Mode.jpg?resize=300%2C188&ssl=1 300w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Create-Account-Page-Dark-Mode.jpg?resize=1024%2C640&ssl=1 1024w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Create-Account-Page-Dark-Mode.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Create-Account-Page-Dark-Mode.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Create-Account-Page-Dark-Mode.jpg?resize=1080%2C675&ssl=1 1080w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Create-Account-Page-Dark-Mode.jpg?resize=1280%2C800&ssl=1 1280w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Create-Account-Page-Dark-Mode.jpg?resize=980%2C613&ssl=1 980w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Create-Account-Page-Dark-Mode.jpg?resize=480%2C300&ssl=1 480w" sizes="(max-width: 1080px) 100vw, 1080px" class="wp-image-244046" data-recalc-dims="1" />

02_Create Account Page - Dark Mode

Account Recovery Screen — Dark Mode

<img decoding="async" width="1080" height="675" src="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Account-Recovery-Page-Dark-Mode.jpg?resize=1080%2C675&ssl=1" alt="02_Account Recovery Page - Dark Mode" title="02_Account Recovery Page - Dark Mode" srcset="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Account-Recovery-Page-Dark-Mode.jpg?w=1440&ssl=1 1440w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Account-Recovery-Page-Dark-Mode.jpg?resize=300%2C188&ssl=1 300w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Account-Recovery-Page-Dark-Mode.jpg?resize=1024%2C640&ssl=1 1024w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Account-Recovery-Page-Dark-Mode.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Account-Recovery-Page-Dark-Mode.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Account-Recovery-Page-Dark-Mode.jpg?resize=1080%2C675&ssl=1 1080w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Account-Recovery-Page-Dark-Mode.jpg?resize=1280%2C800&ssl=1 1280w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Account-Recovery-Page-Dark-Mode.jpg?resize=980%2C613&ssl=1 980w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Account-Recovery-Page-Dark-Mode.jpg?resize=480%2C300&ssl=1 480w" sizes="(max-width: 1080px) 100vw, 1080px" class="wp-image-244045" data-recalc-dims="1" />

02_Account Recovery Page - Dark Mode

Login – GitHub Screen — Dark Mode

<img decoding="async" width="1080" height="675" src="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Sign-in-GitHub-Page-Dark-Mode.jpg?resize=1080%2C675&ssl=1" alt="02_Sign in - GitHub Page - Dark Mode" title="02_Sign in - GitHub Page - Dark Mode" srcset="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Sign-in-GitHub-Page-Dark-Mode.jpg?w=1440&ssl=1 1440w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Sign-in-GitHub-Page-Dark-Mode.jpg?resize=300%2C188&ssl=1 300w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Sign-in-GitHub-Page-Dark-Mode.jpg?resize=1024%2C640&ssl=1 1024w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Sign-in-GitHub-Page-Dark-Mode.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Sign-in-GitHub-Page-Dark-Mode.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Sign-in-GitHub-Page-Dark-Mode.jpg?resize=1080%2C675&ssl=1 1080w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Sign-in-GitHub-Page-Dark-Mode.jpg?resize=1280%2C800&ssl=1 1280w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Sign-in-GitHub-Page-Dark-Mode.jpg?resize=980%2C613&ssl=1 980w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Sign-in-GitHub-Page-Dark-Mode.jpg?resize=480%2C300&ssl=1 480w" sizes="(max-width: 1080px) 100vw, 1080px" class="wp-image-244048" data-recalc-dims="1" />

02_Sign in - GitHub Page - Dark Mode

Login – Goggle Screen — Dark Mode

<img decoding="async" width="1080" height="675" src="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Sign-in-Google-Page-Dark-Mode.jpg?resize=1080%2C675&ssl=1" alt="02_Sign in - Google Page - Dark Mode" title="02_Sign in - Google Page - Dark Mode" srcset="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Sign-in-Google-Page-Dark-Mode.jpg?w=1440&ssl=1 1440w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Sign-in-Google-Page-Dark-Mode.jpg?resize=300%2C188&ssl=1 300w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Sign-in-Google-Page-Dark-Mode.jpg?resize=1024%2C640&ssl=1 1024w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Sign-in-Google-Page-Dark-Mode.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Sign-in-Google-Page-Dark-Mode.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Sign-in-Google-Page-Dark-Mode.jpg?resize=1080%2C675&ssl=1 1080w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Sign-in-Google-Page-Dark-Mode.jpg?resize=1280%2C800&ssl=1 1280w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Sign-in-Google-Page-Dark-Mode.jpg?resize=980%2C613&ssl=1 980w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/02_Sign-in-Google-Page-Dark-Mode.jpg?resize=480%2C300&ssl=1 480w" sizes="(max-width: 1080px) 100vw, 1080px" class="wp-image-244049" data-recalc-dims="1" />

02_Sign in - Google Page - Dark Mode

Interactive Prototype — Dark Mode

Login Screen — Light Mode

<img decoding="async" width="1080" height="675" src="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Log-in-Page-Light-Mode.jpg?resize=1080%2C675&ssl=1" alt="01_Log in Page - Light Mode" title="01_Log in Page - Light Mode" srcset="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Log-in-Page-Light-Mode.jpg?w=1440&ssl=1 1440w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Log-in-Page-Light-Mode.jpg?resize=300%2C188&ssl=1 300w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Log-in-Page-Light-Mode.jpg?resize=1024%2C640&ssl=1 1024w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Log-in-Page-Light-Mode.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Log-in-Page-Light-Mode.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Log-in-Page-Light-Mode.jpg?resize=1080%2C675&ssl=1 1080w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Log-in-Page-Light-Mode.jpg?resize=1280%2C800&ssl=1 1280w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Log-in-Page-Light-Mode.jpg?resize=980%2C613&ssl=1 980w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Log-in-Page-Light-Mode.jpg?resize=480%2C300&ssl=1 480w" sizes="(max-width: 1080px) 100vw, 1080px" class="wp-image-244042" data-recalc-dims="1" />

01_Log in Page - Light Mode

Create Account Screen — Light Mode

<img decoding="async" width="1080" height="675" src="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Create-Account-Page-Light-Mode.jpg?resize=1080%2C675&ssl=1" alt="01_Create Account Page - Light Mode" title="01_Create Account Page - Light Mode" srcset="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Create-Account-Page-Light-Mode.jpg?w=1440&ssl=1 1440w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Create-Account-Page-Light-Mode.jpg?resize=300%2C188&ssl=1 300w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Create-Account-Page-Light-Mode.jpg?resize=1024%2C640&ssl=1 1024w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Create-Account-Page-Light-Mode.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Create-Account-Page-Light-Mode.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Create-Account-Page-Light-Mode.jpg?resize=1080%2C675&ssl=1 1080w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Create-Account-Page-Light-Mode.jpg?resize=1280%2C800&ssl=1 1280w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Create-Account-Page-Light-Mode.jpg?resize=980%2C613&ssl=1 980w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Create-Account-Page-Light-Mode.jpg?resize=480%2C300&ssl=1 480w" sizes="(max-width: 1080px) 100vw, 1080px" class="wp-image-244041" data-recalc-dims="1" />

01_Create Account Page - Light Mode

Account Recovery Screen — Light Mode

<img decoding="async" width="1080" height="675" src="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Account-Recovery-Page-Light-Mode.jpg?resize=1080%2C675&ssl=1" alt="01_Account Recovery Page - Light Mode" title="01_Account Recovery Page - Light Mode" srcset="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Account-Recovery-Page-Light-Mode.jpg?w=1440&ssl=1 1440w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Account-Recovery-Page-Light-Mode.jpg?resize=300%2C188&ssl=1 300w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Account-Recovery-Page-Light-Mode.jpg?resize=1024%2C640&ssl=1 1024w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Account-Recovery-Page-Light-Mode.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Account-Recovery-Page-Light-Mode.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Account-Recovery-Page-Light-Mode.jpg?resize=1080%2C675&ssl=1 1080w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Account-Recovery-Page-Light-Mode.jpg?resize=1280%2C800&ssl=1 1280w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Account-Recovery-Page-Light-Mode.jpg?resize=980%2C613&ssl=1 980w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Account-Recovery-Page-Light-Mode.jpg?resize=480%2C300&ssl=1 480w" sizes="(max-width: 1080px) 100vw, 1080px" class="wp-image-244040" data-recalc-dims="1" />

01_Account Recovery Page - Light Mode

Login – GitHub Screen — Light Mode

<img decoding="async" width="1080" height="675" src="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Sign-in-GitHub-Page-Light-Mode.jpg?resize=1080%2C675&ssl=1" alt="01_Sign in - GitHub Page - Light Mode" title="01_Sign in - GitHub Page - Light Mode" srcset="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Sign-in-GitHub-Page-Light-Mode.jpg?w=1440&ssl=1 1440w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Sign-in-GitHub-Page-Light-Mode.jpg?resize=300%2C188&ssl=1 300w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Sign-in-GitHub-Page-Light-Mode.jpg?resize=1024%2C640&ssl=1 1024w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Sign-in-GitHub-Page-Light-Mode.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Sign-in-GitHub-Page-Light-Mode.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Sign-in-GitHub-Page-Light-Mode.jpg?resize=1080%2C675&ssl=1 1080w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Sign-in-GitHub-Page-Light-Mode.jpg?resize=1280%2C800&ssl=1 1280w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Sign-in-GitHub-Page-Light-Mode.jpg?resize=980%2C613&ssl=1 980w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Sign-in-GitHub-Page-Light-Mode.jpg?resize=480%2C300&ssl=1 480w" sizes="(max-width: 1080px) 100vw, 1080px" class="wp-image-244043" data-recalc-dims="1" />

01_Sign in - GitHub Page - Light Mode

Login – Goggle Screen — Light Mode

<img decoding="async" width="1080" height="675" src="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Sign-in-Google-Page-Light-Mode.jpg?resize=1080%2C675&ssl=1" alt="01_Sign in - Google Page - Light Mode" title="01_Sign in - Google Page - Light Mode" srcset="https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Sign-in-Google-Page-Light-Mode.jpg?w=1440&ssl=1 1440w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Sign-in-Google-Page-Light-Mode.jpg?resize=300%2C188&ssl=1 300w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Sign-in-Google-Page-Light-Mode.jpg?resize=1024%2C640&ssl=1 1024w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Sign-in-Google-Page-Light-Mode.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Sign-in-Google-Page-Light-Mode.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Sign-in-Google-Page-Light-Mode.jpg?resize=1080%2C675&ssl=1 1080w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Sign-in-Google-Page-Light-Mode.jpg?resize=1280%2C800&ssl=1 1280w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Sign-in-Google-Page-Light-Mode.jpg?resize=980%2C613&ssl=1 980w, https://i0.wp.com/saratembydesign.com/wp-content/uploads/2021/01/01_Sign-in-Google-Page-Light-Mode.jpg?resize=480%2C300&ssl=1 480w" sizes="(max-width: 1080px) 100vw, 1080px" class="wp-image-244044" data-recalc-dims="1" />

01_Sign in - Google Page - Light Mode

Interactive Prototype — Light Mode

Contact Me



Sara Elizabeth Temby

Designer I Developer I Creator



Email

sara@saratembydesign.com



Location

Minneapolis, Minnesota, USA