Typography

Font Styles

fs0-5
Display Large

6 Ways to Make Your Influencer
Product Seeding a Success

fs1
H1

6 Ways to Make Your Influencer
Product Seeding a Success

fs1-5
Display Small

6 Ways to Make Your Influencer
Product Seeding a Success

fs2
H2

6 Ways to Make Your Influencer
Product Seeding a Success

fs3
H3

6 Ways to Make Your Influencer
Product Seeding a Success

fs4
H4

6 Ways to Make Your Influencer
Product Seeding a Success

fs5
H5
6 Ways to Make Your Influencer
Product Seeding a Success
fs6
H6
6 Ways to Make Your Influencer
Product Seeding a Success
fs7
Paragraph Large

6 Ways to Make Your Influencer
Product Seeding a Success

fs8
Paragraph Main

6 Ways to Make Your Influencer
Product Seeding a Success

fs9
Paragraph Small

6 Ways to Make Your Influencer
Product Seeding a Success

fs10
Paragraph X Small

6 Ways to Make Your Influencer
Product Seeding a Success

fs11
Paragraph XX Small

6 Ways to Make Your Influencer
Product Seeding a Success

fs-eyelash
Eyelash

6 Ways to Make Your Influencer
Product Seeding a Success

All Ordered Lists
  1. This is some text inside of a div block.
  2. This is some text inside of a div block.
  3. This is some text inside of a div block.
All Unordered Lists
  • This is some text inside of a div block.
  • This is some text inside of a div block.
  • This is some text inside of a div block.
All Block Quotes
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
rich-text

Lorem ipsum dolor sit amet conse ctetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

Lorem ipsum dolor sit amet conse ctetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

Lorem ipsum dolor sit amet conse ctetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

Lorem ipsum dolor sit amet conse ctetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

  • List item one
  • List item two
  • List item three
Lorem ipsum dolor sit amet conse ctetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

  1. List item one
  2. List item two
  3. List item three
Lorem ipsum dolor sit amet conse ctetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

Font Weight

fw1
300
Heading
fw2
400
Heading
fw3
500
Heading
fw4
700
Heading
fw5
900
Heading

Letter Spacing

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

ls0

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

ls1

Line Height

lh1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

lh2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

lh3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

lh4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Line Clamp

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.

lc1

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.

lc2

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.

lc3

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.

lc4

Color

Properties

Background Color
bc2
Font Color
fc2
Outline Color
oc2
Background Color Global
bc2g
Font Color Global
fc2g
Outline Color Global
oc2g

Global Swatches

bc — Background Color
For text color change first «b» to «f»
Example «Font Color»:  fcv900
bc1g
bc2g
bc3g
bc4g
bcg50g
bcg100g
bcg200g
bcg300g
bcg400g
bcg500g
bcg600g
bcg700g
bcg800g
bcg900g
bcv50g
bcv50g
bcv200g
bcv300g
bcv400g
bcv500g
bcv600g
bcv700g
bcv800g
bcv900g

Modes

md1 — light mode

bc — Background Color
For text color change first «b» to «f»
Example «Font Color»:  fcv900
bc1
bc2
bc3
bc4
bcg50
bcg100
bcg200
bcg300
bcg400
bcg500
bcg600
bcg700
bcg800
bcg900
bcv50
bcv100
bcv200
bcv300
bcv400
bcv500
bcv600
bcv700
bcv800
bcv900

md2 — dark mode

bc — Background Color
For text color change first «b» to «f»
Example «Font Color»:  fcv900
bc1
bc2
bc3
bc4
bcg50
bcg100
bcg200
bcg300
bcg400
bcg500
bcg600
bcg700
bcg800
bcg900
bcv50
bcv100
bcv200
bcv300
bcv400
bcv500
bcv600
bcv700
bcv800
bcv900

Accent Color

ac1
ac2
ac3

Adaptive Spacing

Properties

Gap
gp32
Gap Horizontal
gh32
Gap Vertical
gv32
Padding
pd32
Padding Horizontal
ph32
Padding Vertical
pv32
Padding Top
pt32
Padding Bottom
pb32
Padding Left
pl32
Padding Right
pr32

Values

0
4
8
16
24
32
40
48
64
80
120

Grid

Default gap is set in the spacing embed
Grid Area 1
ga1
Grid Area 2
ga2
Grid Area 3
ga3
Grid Area 4
ga4

Utilities

Pointer Events

Not Clickable
pe0
Clickable
pe1
Direct Children Clickable
pe2

Border Radius

br0
br4
br8
br16

Border Width

bw0
bw1
bw2
bw3

Border Direction

Top
bw3t
Bottom
bw3b
Left
bw3l
Right
bw3r
Horizontal
bw3h
Vertical
bw3v

Full Class Utilities

image-cover

Crop to border radius in safari when using overflow hidden

radius-crop

Forms

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Big Buttons

Small Buttons

Determining success goes back to what your goals for the campaign were. Of course, there are standard things you can look at general social metrics like number of posts, potential impressions, and engagements. However, depending on the size of your campaign this type of metric tracking can get tricky. This is why I use Traackr to measure the success of my product seeding campaigns. Not only does it do a lot of the manual work of pulling metrics into one central view, you can also invite influencers to opt-in which allows you to see things like actual impressions on content.
Bette Ann Fialkov
Influencer and entertainment marketing consultant
Determining success goes back to what your goals for the campaign were. Of course, there are standard things you can look at general social metrics like number of posts, potential impressions, and engagements. However, depending on the size of your campaign this type of metric tracking can get tricky. This is why I use Traackr to measure the success of my product seeding campaigns. Not only does it do a lot of the manual work of pulling metrics into one central view, you can also invite influencers to opt-in which allows you to see things like actual impressions on content.
Bette Ann Fialkov
Influencer and entertainment marketing consultant
How To
The New Rules of Influencer Marketing To Maximize Creator Retention
Jan 17, 2023

Pardot Form Layout Template

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Traackr makes it possible for us to manage our influencer program in house–from discovery to organic influencer monitoring to reporting. It’s a powerful platform we can’t live without!
Bette Ann Fialkov
Influencer and entertainment marketing consultant
Découvrir
Faire un tour
Faire un tour