Concept design
Wattlebird Dining Room
A restaurant website for Margaret River, built from a design template.
A made-up business, built to show how we work. Not a client project.
- 12 pages
- 8 colours
- 2 typefaces
- 12 grid columns
Design board
What it is built from.
The real pages, colours, type and grid behind the site, all on one board.
Navigation - Fullscreen Cover
Coming Soon
Home
Menu
Contact
About
Portfolio - Grids
Single Portfolio - No Sidebar
Blogs - Two Columns
Blogs - One Column
Single Post - with Sidebar
Single Post - No Sidebar
Colour palette
- Deep olive, #233000, dark backgrounds, header, footer, menu overlay
- Olive, #5E6600, small labels, mid-tone accents
- Lime, #9CAA00, buttons, links, active states
- Sage, #EBF0E4, light sections, form fields
- Black, #000000, body copy on light backgrounds
- Charcoal, #4D4D4D, secondary copy, descriptions
- Grey, #B0B0B0, dotted rules, borders
- White, #FFFFFF, page background, text on dark
Type scale
- Large Title: Rufina, weight 700, 148px, used for hero-scale moments
- H1: Rufina, weight 700, 108px, used for page hero titles
- H2: Rufina, weight 700, 88px, used for section titles
- H3: Rufina, weight 700, 68px, used for split headings
- H4: Rufina, weight 700, 48px, used for journal titles, quotes
- H5: Rufina, weight 700, 32px, used for card titles, menu dishes
- H6: Rufina, weight 700, 26px, used for small headings, prices
- Body: Lato, weight 400, 24px, used for body copy
- Excerpt: Lato, weight 400, 22px, used for hero subtitles, intros
- Body cap: Lato, weight 400, 20px, used for descriptions, form labels
- Label: Lato, weight 400, 18px, used for kickers, nav, buttons, meta
Grid
12 columns, 138px margin, 60px gutter, 1644px content width at 1920px wide.
Want one like this for your business?
Get a quoteStart your project
Get your quote.
Pick what you need and see a live estimate. Send it over and Flynn comes back with a fixed-price proposal.
What does your business do?
Popular:
Do you have a website?
Rather talk it through? Call Flynn on 0476 136 896, email flynn@precisionsoftwareautomation.com.au, or .
Your estimate: Nothing picked yet