Skip to content

Create initial look and feel for edgenative.eclipse.org

Since we are running on time (we need something on prod by the end of this week), the plan is to create a very basic website based off the work we did for https://www.openhwgroup.org/ but with different colors, font and images.

The initial website will have 2 pages, the homepage and a FAQ page.

We plan on having the same number of sections on the homepage but with a slight variation on the content.

Homepage sections:

  • Jumbotron
  • News and Events
  • Mission Statement
  • Our Founding Members
  • Testimonials
  • FAQ teaser
  • Featured footer for promoting slack workspace and mailing list.

I created a basic website based off our Eclipse Foundation Hugo theme that we should now customize with the help of our designer, @ChristieWittEclipse: https://eclipsefdn-edgenative.netlify.com/

Screen Shot 2019-12-05 at 11 22 12 AM

Let's start by defining the following:

Color pallette:

  • @brand-primary: #f7941e; // Orange
  • @brand-secondary: #404040; // Gray
  • @brand-tertiary: #3f7b96; // Blue
  • @brand-quaternary: #efefef; // Light Gray
  • @brand-quinary: @brand-quaternary; // Light Gray (Breadcrumbs)
  • @brand-info: @brand-tertiary;
  • @brand-info-light: lighten(@brand-info, 20%);
  • @brand-warning: @brand-primary;
  • These are currently the colors of the Eclipse Foundation website. We should change them!

Default Styles

  • Headings
  • font

Branding

  • SVG Logo:
  • Social media image:
  • Favicon:

Graphics/Images

  • Jumbotron background & styles
  • Mission statement section background & styles
  • Testimonials section background & styles
  • FAQ section background & styles
  • Join our mailing list section background & styles