Body Base font
Info Correspondence at 400 Normal Weight, 16px
Headings

BEBAS NEUE 600 - SEMI BOLD

Headings unstyled

H1

H2

H3

H4

H5
H6
This is some text inside of a div block.
Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
PQO01li23456789!@#$&"flfi"

Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Suspendisse cursus dolor nec libero placerat, et consectetur est aliquet. Etiam lacus nisl, sodales a convallis quis, placerat ac neque. Aenean tempus varius sem vitae dapibus.

Base body text size of 16px for a measure of 45-75 characters (66 as ideal).
45 Char Measure

abcdefghijklmnopqrstuvxwyzabcdefghijklmnopqrs

66 Char Measure

abcdefghijklmnopqrstuvxwyzabcdefghijklmnopqrstuvxwyzabcdefghijklmn

75 Char Measure

abcdefghijklmnopqrstuvxwyzabcdefghijklmnopqrstuvxwyzabcdefghijklmnopqrstuvx

DESKTOP TYPE SCALE

H1 H2 H3 H4 BODY

MoBILE TYPE SCALE

H1 H2 H3 H4 BODY

TYPE BREAKPOINTS
Desktop H-Phone
H1
size
height
48px (3em)
1.083 (52px)
32px (2em)
1.125 (36px)
H2
size
height
36px (2.25em)
1.167 (42px)
28px (1.75em)
1.14 (32px)
H3
size
height
28px (1.75em)
1.14 (32px)
24px (1.5em)
1.2 (30px)
H4
size
height
24px (1.5em)
1.2 (30px)
20px (1.25em)
1.2 (24px)
BODY
size
height
16px (1em)
1.25 (20px)
16px (1em)
1.25 (20px)
Captions
Captions: FF Info Correspondence at 500 Medium, 0.75em
Footer CopyRIGHT
Captions: FF Info Correspondence at 500 Medium, 0.85em
Block Quote
Lorem ipsum dolor sit amet
Link
Lorem ipsum Current page
Text Link

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum current Lorem ipsum

NAV LinkS
Lorem ipsum

Footer LinkS
Lorem ipsum
Button
Button Text

Microcopy below button

Image
Outline of Com-X Network group photo of of Pharmaceutical and Bio-Tech Executives.
Figure Caption
Unordered List & List items
  • Lorem ipsum
  • Dolor sit
  • Amet consectetur
ordered List & List items
  1. Lorem ipsum
  2. Dolor sit
  3. Amet consectetur
Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
PQO01li23456789!@#$&"flfi"

Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Suspendisse cursus dolor nec libero placerat, et consectetur est aliquet. Etiam lacus nisl, sodales a convallis quis, placerat ac neque. Aenean tempus varius sem vitae dapibus.

Block Quote
Lorem ipsum dolor sit amet

PERSONAL
PORTFOLIO

pushpathadam.com

My portfolio site functions as an archive and collection of case studies on web design, furniture and home renovation projects I've done over the years as well as my time in the film industry. It's a mixture of client and personal projects that should give you an insight into my approach to design.

Max Width 90VW
Max Width 896,744,440 Pixels