Galactic Expedition

A style guide for Galactic Expedition

INTERACTIVE ELEMENTS

In-text link

Navigation Link

CSS selector:

.button-nav

Sample code:

<a href="#" class="button">Default Button</a>

Rendered element:

The Button

Text Input Field with Label

Image as a Link

default image
Click to go somewhere

TEXT ELEMENTS

Headings

LARGEST

Large

Small

Smallest

Paragraphs

The website is for a futuristic business venture which offers cruise spaceships. The cruises are long vacations to different depths of space. You can take trip to the moon or to nearby planets. You could also take a trip to the nearest star. The website will allow users to book their tickets for a certain launch date with differing prices based on where the spaceship is headed.

Numbered Lists

  1. List has one item
  2. No, it actually has two
  3. Umm, this is awkward
  4. Doesnt have to be ;)

COMBINED ELEMENTS

Main Navigation

Product/Service Listing

SEE EARTH RISE

Excerpt about the Overview Effect.xcerpt about the Overview Effect. xcerpt about the Overview Effect. xcerpt about the Overview Effect. xcerpt about the Overview Effect.

Fly now

CITATIONS