Design website

[xla]

From @onurakpolat on July 16, 2018 14:48

Copied from original issue: mmmh-studio/iteration#4

[xla]

@onurakpolat which direction would you prefer?

[xla]

From @onurakpolat on July 18, 2018 13:59

4.

Most clean, simple and yet playful.

[xla]

@onurakpolat Tried a more reduced approach with overview of planned Validators with their respective progress and call to sction to delegate. Goal was to fit all info in a single view as I don't expect a lot of content. The design will live of clean typography. Thoughts?

[xla]

From @onurakpolat on July 27, 2018 11:41

Love it. Clean and simple everything on one page... Font is something we can play around with.

[xla]

Iterated further on the design (fonts, colors, progress), if you dig it I gonna share the styleguide infos.

[xla]

From @onurakpolat on July 28, 2018 18:16

Really f'cking awesome. Dig it hard. A couple small things that I would change:

• Line-height in paragraph a bit bigger
• Consistent color or greyscale for progress bars (looks a bit too bunt)
• Normalize logo sizes (they're big vs. small)

What I really like:

• Title font
• Overall slim design

[xla]

@onurakpolat Adressed, lemme know about last touches from ur end.

[xla]

From @onurakpolat on July 30, 2018 9:8

Like it as is. Looks great. Will start implementing.

[xla]

Until proper styleguide is in place:

color

base color (top logo, paragraphs, progress bar background): rgb(25, 52, 65) secondary color (section headings, progress bar foreground): rgb(62, 96, 111)

typography

• h1: Sorts Mill Goudy Italic 56
• h2: Sorts Mill Goudy 28
• p: Raleway Regular 14

Google fonts embed:

<link href="https://fonts.googleapis.com/css?family=Raleway|Sorts+Mill+Goudy:400,400i" rel="stylesheet">

font-family: 'Sorts Mill Goudy', serif;
font-family: 'Raleway', sans-serif;

grid

• cols: 12
• width: 80px
• gutter: 20px
• top: 50px
• bottom: 50px
• left: 80px
• right: 80px

[oxnr]

done.