You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
illutek 9a876a11d9 adding readme file 2 years ago
images first commit 2 years ago
sass end of one-page theme 2 years ago
.gitignore first commit 2 years ago
gulpfile.js first commit 2 years ago
index.html end of one-page theme 2 years ago
package-lock.json first commit 2 years ago
package.json first commit 2 years ago
readme.md adding readme file 2 years ago

readme.md

One-page design

An exercise on advanced sass

Colors

  • Neutral colors, lightest to darkest:
    • #FFFFFF
    • #F3F3F3
    • #9D9D9D
    • #5D5D5D
    • #212121
  • Primary: #F55D3E

Typography

Fonts

Font sizes

  • Base settings:
    • small screens: 1rem / 1.6
    • large screens: 1.125rem / 1.6
    • font weight: light
  • main title:
    • small screens: 3rem / 1.2
    • large screens: 5rem / 1.2
  • section title:
    • small screens: 3rem / 1
    • large screens: 3.75rem
  • section subtitles:
    • 1.68rem / 1.1
    • font weight: normal
  • h3:
    • 1.3125rem / 1.2

Layout

Most component spacing, such as grid gaps and component padding, is 2em.

Media queries

  • 0 - 449px
  • 449px - 859px
  • 860px +