search

EclipseFdn / edgenative.eclipse.org

To deliver production-ready platforms for the development, operation, and management of edge native applications deployed to heterogeneous environments where computational power and data storage are physically distributed wherever they are needed.
https://edgenative.eclipse.org
Eclipse Public License 2.0
3 stars 12 forks source link

Create initial look and feel for edgenative.eclipse.org #1

Closed chrisguindon closed 4 years ago

chrisguindon commented 4 years ago

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:

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:

Default Styles

Branding

Graphics/Images

ChristieWittEclipse commented 4 years ago

Updated info below:

Color palette: @brand-primary: #396894; // Blue @brand-secondary: #5997BD; // Light Blue @brand-tertiary: #213970; // Dark 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;

Default Styles Headings: Pragmactica Bold, same font size as current template font: Pragmatica regular

Branding Graphics/Images (See attached .zip) Edge Web Assets.zip

chrisguindon commented 4 years ago

@ChristieWittEclipse Thanks for your quick reply!

The Pragmatica font is not available from google fonts: https://fonts.google.com/?query=Pragmatica

It's listed on the site but we would need to buy a license where we would be allowed to include it in the git repository: https://www.fonts.com/font/paratype/pragmatica?QueryFontType=Web&src=GoogleWebFonts

Is there a similar font that we can use via google fonts?

We are currently using: https://fonts.google.com/specimen/Libre+Franklin

//== Typography
@font-family-sans-serif:  "Libre Franklin", "Helvetica Neue", Helvetica, Arial, sans-serif;
ChristieWittEclipse commented 4 years ago

Please use Roboto instead: (https://fonts.google.com/specimen/Roboto)

chrisguindon commented 4 years ago

@ChristieWittEclipse I am noticing that the images are quite big in size!

Is it possible to optimize them for web?

ChristieWittEclipse commented 4 years ago

Please see compressed graphics below: compressed-graphics.zip

chrisguindon commented 4 years ago

We now have a website!

https://edgenative.eclipse.org/

Thank you @ChristieWittEclipse for helping us to get this done on time!