JasonThomasData/DocLink

Add basic visual design

JasonThomasData opened this issue · 6 comments

Create some pages for the design of the site.
Later we can turn these into the Rails templates.

Basic styles and HTML

We think the character of the site should be:

  • clear and warm
  • polite and friendly but to-the-point

I'm doing the HTML

I've added Bitters for basic default styles to build from. It just sets up some organised stylesheet files which is handy.

Here's the commits:

  • e48131b Install Bourbon mixin library, dependency for Bitters
  • ecd3a45 run: bitters install and remove main.scss
  • 57cd5d9 Make the base type size a bit bigger
  • 9bbc7a3 Make the base animation speed snappier
  • da05089 Add a little spacing to the frame

Now we can customise and overwrite these styles for our basic design.

Worth reading a little about Bitters here http://bitters.bourbon.io/ and https://github.com/thoughtbot/bitters

The main elements that we currently need to design are:

  • a doctor item in a list of search results
  • a list of doctor items (search results)
  • a search form
  • a way to change language

Any others you can think of @JasonThomasData ?

We did this very messy sketch at the pub last night, but we should make a readable version of this to work from:

img_4526

We've added this basic design, closing this.