DA Style Guide

DA use for the site
Typography Icon

Colors

Main Colors

Background Primary
Color Primary
#1c1d20
Background Secondary
Color Secondary
#e8bf96
Background White
Color White
#ffffff
Background Dark Light
Color Dark Grey
#212125
Background Dark Grey
Color Grey
#999999
Background Dark Grey
Color Grey
#44454a
Typography Icon

Typography

Headings

Heading H1
font-family: kanit
font-size: 40px ;  line-height: 1.15 em;

Heading

Heading H2

font-family: kanit
font-size: 26px ;  line-height: 1.23 em;

Heading

Heading H3

font-family: kanit
font-size: 22px ; line-height: 1.27 em;

Heading

Heading H4

font-family: kanit
font-size: 20px ;  line-height: 1.3 em;

Heading

Heading H5

font-family: kanit
font-size: 18px ;  line-height: 1.33 em;
Heading

Heading H6

font-family: kanit
font-size: 16px ;  line-height: 1.37 em;
Heading

Rich Text Style

Heading H1

Heading H2

Heading-3

Heading-4

Heading-5
Heading-6

ecorated in shades of decadent jewels, dripping with lights and a bangin' sound system, Saturdays go hand in hand with SEDUCTION. Prepare yourself

Purus non enim praesent elemenntum facilisis leo. Quis lectus nulla at volutpat. Nunc scelerisquecicerra mauis in aliquam sem fringilla. Nam at lectus duis convallis convallis tellus. Fames acturpic egistas integer eget aliquet nibh tristique.
Toya image
  1. In enim justo, rhoncus ut, imperdiet a, venenatis vitae.
  2. Nullam dictum felis eu pede mollis pretium.
  3. Integer tincidunt. Cras dapibus.
  • In enim justo, rhoncus ut, imperdiet a, venenatis vitae.
  • Nullam dictum felis eu pede mollis pretium.
  • Integer tincidunt. Cras dapibus

Paragraph Link — Bold Text — Italic Text

Body Text Style

Text Xxl

font-family:  Euclid circular b
font-size: 24px;  line-height: 1.41em
Lorem ipsum dolor

Text Xl

font-family:  Euclid circular b
font-size: 20px; line-height:1..5em
Lorem ipsum dolor

Text Lg

font-family: kanit
font-size: 16px; line-height: 1.5em
Lorem ipsum dolor

Text Md

font-family:  Euclid circular b
font-size: 15px; line-height: 1.66em
Lorem ipsum dolor

Text Sm

font-family: kanit
font-size: 14px ; line-height:1.71em
Lorem ipsum dolor

Text Xs

font-family:  Euclid circular b
font-size: 12px: line-height: 1.5em
Lorem ipsum dolor

Font Medium

font-Weight: 500: line-height: 1.5em
Lorem ipsum dolor

Font Semibold

font-Weight: 600: line-height: 1.5em
Lorem ipsum dolor

Font Bold

font-Weight: 500: line-height: 1.5em
Lorem ipsum dolor

Font90px

font-size: 90: line-height: 1.06em
Lorem

Font40px

font-size: 40: line-height: 1.06em
Lorem

Font30px

font-size: 30: line-height: 1.06em
Lorem

Font14px

font-size: 14: line-height: 1.4em
Lorem

Font12px

font-size: 12: line-height: 1.5em
Lorem
Button Icon

Buttons

Buttons Style

View My Works
Button Primary
Load more works
Arrow
Button Secondary
dOWNLOAD cv
Arrow
Button Light