Style Menu
- buttons
- call-to-action
- display — boxes
- display — headings
- header – page title bar
- header – slider
- logo & branding graphics
- text — body text
- text — checklists & bullets
- text — h1-h6 headings / post titles & extras
- xxxxxxxxx
- color palette
- display – featured products
- dividers & separators
- dropcap
- form – contact
- form – opt-in
Heading Typography
h1 — Quis hendrerit dolor magna eget est. Aliquam faucibus purus in massa tempor nec feugiat nisl *
h1 — Quis hendrerit dolor magna eget est. Aliquam faucibus purus in massa tempor nec feugiat nisl
Julius Sans One / 400 / 22px + 42px / Lowercase
h2 — Quis hendrerit dolor magna eget est. Aliquam faucibus purus in massa tempor nec feugiat nisl *
H2 — Quis Hendrerit Dolor Magna Eget Est. Aliquam Faucibus Purus In Massa Tempor Nec Feugiat Nisl
Cormorant / 300 / 34px + 54px / Capitalize
h3 — Quis hendrerit dolor magna eget est. Aliquam faucibus purus in massa tempor nec feugiat nisl *
h3 — Quis hendrerit dolor magna eget est. Aliquam faucibus purus in massa tempor nec feugiat nisl
Julius Sans One / 400 / 18px + 36px / Lowercase
h4 — Quis hendrerit dolor magna eget est. Aliquam faucibus purus in massa tempor nec feugiat nisl *
h4 — Quis hendrerit dolor magna eget est. Aliquam faucibus purus in massa tempor nec feugiat nisl *
h4 — Quis hendrerit dolor magna eget est. Aliquam faucibus purus in massa tempor nec feugiat nisl
Cormorant / 600 / 24px + 44px
h5 — Quis hendrerit dolor magna eget est. Aliquam faucibus purus in massa tempor nec feugiat nisl *
h5 — Quis hendrerit dolor magna eget est. Aliquam faucibus purus in massa tempor nec feugiat nisl
Pinyon Script / 400 / 48px + 68px
h6 — Quis hendrerit dolor magna eget est. Aliquam faucibus purus in massa tempor nec feugiat nisl *
H6 — QUIS HENDRERIT DOLOR MAGNA EGET EST. ALIQUAM FAUCIBUS PURUS IN MASSA TEMPOR NEC FEUGIAT NISL
New: Josefin Sans / 500 / 14px + 28px / Uppercase
Post Title — Quis hendrerit dolor magna eget est. Aliquam faucibus purus in massa tempor nec feugiat nisl
Cormorant / 400 / 34px + 54px
Typography for all post titles including archive and single posts.
Post Title Extras — Quis hendrerit dolor magna eget est. Aliquam faucibus purus in massa tempor nec feugiat nisl
Julius Sans One / 400 / 18px + 28px
Typography for single post title extras such as “Comments”, “Related Posts/Products/Projects” and “Author Titles”.
WIDGET TITLE — QUIS HENDRERIT DOLOR MAGNA EGET EST. ALIQUAM FAUCIBUS PURUS IN MASSA TEMPOR NEC FEUGIAT NISL
Josefin Sans / 600 / 13px + 23px / Uppercase
MAIN/MOBILE MENU — QUIS HENDRERIT DOLOR MAGNA EGET EST. ALIQUAM FAUCIBUS PURUS IN MASSA TEMPOR NEC FEUGIAT NISL
Josefin Sans / 400 / 13px + 23px / Uppercase
Mega Menu — Quis hendrerit dolor magna eget est. Aliquam faucibus purus in massa tempor nec feugiat nisl
Montserrat / 500 / 13px
Body Text
Body text: Montserrat / 400 / 15px + 30px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem. In fringilla mi in ligula. Pellentesque aliquam quam vel dolor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem. In fringilla mi in ligula. Pellentesque aliquam quam vel dolor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem. In fringilla mi in ligula. Pellentesque aliquam quam vel dolor.
Boxed text & smallprint: Montserrat / 400 / 14px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem. In fringilla mi in ligula. Pellentesque aliquam quam vel dolor. Nunc adipiscing. Sed quam odio, tempus ac, aliquam molestie, varius ac, tellus. Vestibulum ut nulla aliquam risus rutrum interdum. Pellentesque lorem. Curabitur sit amet erat quis risus feugiat viverra.
Display — Headings
H5 + H3
Quis Hendrerit Dolor Magna
tristique magna sit amet purus gravida quis blandit.
H5 + H3 + Button
Quis Hendrerit Dolor Magna Eget Est
Tristique magna sit amet purus gravida quis blandit. Neque gravida in fermentum et sollicitudin ac.
Tristique magna sit amet purus gravida quis blandit. Neque gravida in fermentum et sollicitudin ac. Feugiat sed lectus vestibulum mattis. Proin sagittis nisl rhoncus mattis rhoncus urna neque viverra justo. Vel eros donec ac odio tempor orci dapibus ultrices. Bibendum neque egestas congue quisque egestas diam in arcu cursus. Convallis convallis tellus id interdum velit laoreet id. Sagittis orci a scelerisque purus semper eget duis. Volutpat lacus laoreet non curabitur.
H2 + H6 + Button
Vel eros donec ac odio tempor
Tristique magna sit amet purus gravida quis blandit.
Neque gravida in fermentum et sollicitudin ac. Feugiat sed lectus vestibulum mattis. Proin sagittis nisl rhoncus mattis rhoncus urna neque viverra justo. Vel eros donec ac odio tempor orci dapibus ultrices. Bibendum neque egestas congue quisque egestas diam in arcu cursus. Convallis convallis tellus id interdum velit laoreet id. Sagittis orci a scelerisque purus semper eget duis. Volutpat lacus laoreet non curabitur.
H3 + H5
latest posts
From the Style Journal…
H3 + H2
our promise
Together, we will evolve a Strategy to achieve the Style Goals for your Career, Lifestyle & Significant Events.
Logo & Branding Graphics
Buttons
Header — Avada Slider
Title: H2 / main slides 42px / minor slides 38px
Caption: H3 / 14px
Header — Page Title Bar
PAGE TITLE BAR HEADING
PAGE TITLE BAR SUBHEADING
Heading: H1 / 30px + 50px / Cormorant 300
Subheading: H3 / 18px / Julius Sans One 400
Bar height: desktop 200px / mobile 100px
Display — Boxes
Box: 3 columns / Solid
Box: 3 columns / Border
Box: 2 columns / Solid / Image + Text / with option in Reverse
gravida malesuada
dignissim potenti torquent pharetra
Sed quam odio, tempus ac, aliquam molestie, varius ac, tellus. Vestibulum ut nulla aliquam risus rutrum interdum. Pellentesque lorem. Curabitur sit amet erat quis risus feugiat viverra. Pellentesque augue justo, sagittis et, lacinia at, venenatis non, arcu. Nunc nec libero. In cursus dictum risus. Ut a orci. Curabitur dolor nunc, egestas at, accumsan at, malesuada nec, magna.
gravida malesuada
dignissim potenti torquent pharetra
Sed quam odio, tempus ac, aliquam molestie, varius ac, tellus. Vestibulum ut nulla aliquam risus rutrum interdum. Pellentesque lorem. Curabitur sit amet erat quis risus feugiat viverra. Pellentesque augue justo, sagittis et, lacinia at, venenatis non, arcu. Nunc nec libero. In cursus dictum risus. Ut a orci. Curabitur dolor nunc, egestas at, accumsan at, malesuada nec, magna.
gravida malesuada
dignissim potenti torquent pharetra
Sed quam odio, tempus ac, aliquam molestie, varius ac, tellus. Vestibulum ut nulla aliquam risus rutrum interdum. Pellentesque lorem. Curabitur sit amet erat quis risus feugiat viverra. Pellentesque augue justo, sagittis et, lacinia at, venenatis non, arcu. Nunc nec libero. In cursus dictum risus. Ut a orci. Curabitur dolor nunc, egestas at, accumsan at, malesuada nec, magna.
Box: 2 columns / White / Image + Text / with option in Reverse
egestas diam in arcu
quis hendrerit dolor magna eget est
Sed quam odio, tempus ac, aliquam molestie, varius ac, tellus. Vestibulum ut nulla aliquam risus rutrum interdum. Pellentesque lorem. Curabitur sit amet erat quis risus feugiat viverra. Pellentesque augue justo, sagittis et, lacinia at, venenatis non, arcu. Nunc nec libero. In cursus dictum risus. Ut a orci. Curabitur dolor nunc, egestas at, accumsan at, malesuada nec, magna.
egestas diam in arcu cursus
quis hendrerit dolor magna eget est
Sed quam odio, tempus ac, aliquam molestie, varius ac, tellus. Vestibulum ut nulla aliquam risus rutrum interdum. Pellentesque lorem. Curabitur sit amet erat quis risus feugiat viverra. Pellentesque augue justo, sagittis et, lacinia at, venenatis non, arcu. Nunc nec libero. In cursus dictum risus. Ut a orci. Curabitur dolor nunc, egestas at, accumsan at, malesuada nec, magna.
egestas diam in arcu cursus
quis hendrerit dolor magna eget est
Sed quam odio, tempus ac, aliquam molestie, varius ac, tellus. Vestibulum ut nulla aliquam risus rutrum interdum. Pellentesque lorem. Curabitur sit amet erat quis risus feugiat viverra. Pellentesque augue justo, sagittis et, lacinia at, venenatis non, arcu. Nunc nec libero. In cursus dictum risus. Ut a orci. Curabitur dolor nunc, egestas at, accumsan at, malesuada nec, magna.