Skip to content

Latest commit

 

History

History
22 lines (18 loc) · 1.06 KB

README.md

File metadata and controls

22 lines (18 loc) · 1.06 KB

Unified design language

Colors

  • Background is --bg, it is either white or black depending on color scheme
  • Text is --text, it is either black or white depending on color scheme
  • All headers and other "mundane" colored parts should be --primary
  • All hoverable (except links) elements should be --secondary when idle, and --primary when hovered
  • Any attention-grabbing part should be --accent, e.g. active page
  • All colors are changed slightly in light-mode to improve looks and match perceived saturation

Links

  • In-line links should have a thin, --primary colored, line under them

  • When hovered the line should extend uppwards to around halfway up the letters

  • Links to projects and the links on the start-page should have --primary as background and --secondary as header

  • Posts-links should be clearly layed out with DATE, NAME, and DESCRIPTION separated

  • It follows inline-link rules, but also moves sideways and up when hovered

Buttons

  • No depth, buttons are flat
  • When idle, color is --secondary
  • On hover, colors is --primary