Overview

Purpose

Create a web front end for the NASA Astronomy Picture of the Day service (Nasa APIs)

Audience

Students of web design and development.

Branding

Website title

🪐 NASA Astronomy Picture of the Day (APOD)

Style Guide

Color Palette

Typography

Base font size: 20px

Base line-height: 1.5

Heading Font

Georgia, 'Times New Roman', Times, serif

Paragraph Font

"Courier New", Courier, monospace

Normal paragraph example

Could the stem of our Milky Way bloom into an auroral flower? No, not really, even though it may appear that way in today’s featured all-sky image. On the left, the central plane of our home galaxy extends from the horizon past the middle of the sky.

Colored paragraph example

On the right, an auroral oval also extends from the sky's center -- but is dominated by bright green-glowing oxygen. The two are not physically connected, because the aurora is relatively nearby, with the higher red parts occurring in Earth's atmosphere only about 1000 kilometers high.

Buttons

Inputs

Alert

Alert Message!

Navigation

Wireframes

Home

Mockups