Landing page theme - Pattern library

Documentation

The style have an Atomic Design organization.

Glyphs

Landingpage glyphicons glyphs

Fonts

• Google fonts:
  • Roboto as Default font
  • Montserrat as Second Font font

Project implementation

Import style using <link> tag and replace {DOMAIN} with the current domain:

HTML

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=Roboto+Mono:wght@400;700&family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{DOMAIN}/projects/landingpage.css" />

Pug

meta(name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no')

link(rel='preconnect' href='https://fonts.gstatic.com')
link(rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=Roboto+Mono:wght@400;700&family=Roboto:wght@400;500;700;900&display=swap')
link(rel='stylesheet' href='{DOMAIN}/projects/landingpage.css')