Skip to main content
Basic text vs color
muted emphasis default primary secondary background success warning danger

paragraph

p
uk-text-muted

p
uk-text-emphasis

p
uk-text-default

p
uk-text-primary

p
uk-text-secondary

p
uk-text-background

p
uk-text-success

p
uk-text-warning

p
uk-text-danger
small small
uk-text-muted		 small
uk-text-emphasis		 small
uk-text-default		 small
uk-text-primary		 small
uk-text-secondary		 small
uk-text-background		 small
uk-text-success		 small
uk-text-warning		 small
uk-text-danger
strong strong
uk-text-muted		 strong
uk-text-emphasis		 strong
uk-text-default		 strong
uk-text-primary		 strong
uk-text-secondary		 strong
uk-text-background		 strong
uk-text-success		 strong
uk-text-warning		 strong
uk-text-danger
Basic text + Weight
light normal bold lighter bolder

paragraph

p
uk-text-light

p
uk-text-normal

p
uk-text-bold

p
uk-text-lighter

p
uk-text-bolder
small small
uk-text-light		 small
uk-text-normal		 small
uk-text-bold		 small
uk-text-lighter		 small
uk-text-bolder
strong strong
uk-text-light		 strong
uk-text-normal		 strong
uk-text-bold		 strong
uk-text-lighter		 strong
uk-text-bolder
a a
uk-text-light		 a
uk-text-normal		 a
uk-text-bold		 a
uk-text-lighter		 a
uk-text-bolder
Classy text + Weight
Times New Roman Helvetica
Arial		 EB
Garamond		 Merriweather Lora Newsreader Tinos
100 Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic
200 Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic
300 Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic
400 Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic
500 Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic
600 Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic
700 Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic
800 Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic
900 Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic
Merriweather + Color & Weight
muted emphasis default primary secondary background success warning danger
200 Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic
400 Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic
700 Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic
900 Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic Blue Sky Clinic
H tags vs color
muted emphasis default primary secondary success warning danger

h1

h1
uk-text-muted

h1
uk-text-emphasis

h1
uk-text-default

h1
uk-text-primary

h1
uk-text-secondary

h1
uk-text-success

h1
uk-text-warning

h1
uk-text-danger

h2

h2
uk-text-muted

h2
uk-text-emphasis

h2
uk-text-default

h2
uk-text-primary

h2
uk-text-secondary

h2
uk-text-success

h2
uk-text-warning

h2
uk-text-danger

h3

h3
uk-text-muted

h3
uk-text-emphasis

h3
uk-text-default

h3
uk-text-primary

h3
uk-text-secondary

h3
uk-text-success

h3
uk-text-warning

h3
uk-text-danger

h4

h4
uk-text-muted

h4
uk-text-emphasis

h4
uk-text-default

h4
uk-text-primary

h4
uk-text-secondary

h4
uk-text-success

h4
uk-text-warning

h4
uk-text-danger
h5
h5
uk-text-muted
h5
uk-text-emphasis
h5
uk-text-default
h5
uk-text-primary
h5
uk-text-secondary
h5
uk-text-success
h5
uk-text-warning
h5
uk-text-danger
h6
h6
uk-text-muted
h6
uk-text-emphasis
h6
uk-text-default
h6
uk-text-primary
h6
uk-text-secondary
h6
uk-text-success
h6
uk-text-warning
h6
uk-text-danger
H tags + Weight

Light, lighter and bolder are apparently unlinked to h tags

light normal bold lighter bolder

h1

h1
uk-text-light

h1
uk-text-normal

h1
uk-text-bold

h1
uk-text-lighter

h1
uk-text-bolder

h2

h2
uk-text-light

h2
uk-text-normal

h2
uk-text-bold

h2
uk-text-lighter

h2
uk-text-bolder

h3

h3
uk-text-light

h3
uk-text-normal

h3
uk-text-bold

h3
uk-text-lighter

h3
uk-text-bolder

h4

h4
uk-text-light

h4
uk-text-normal

h4
uk-text-bold

h4
uk-text-lighter

h4
uk-text-bolder
h5
h5
uk-text-light
h5
uk-text-normal
h5
uk-text-bold
h5
uk-text-lighter
h5
uk-text-bolder
h6
h6
uk-text-light
h6
uk-text-normal
h6
uk-text-bold
h6
uk-text-lighter
h6
uk-text-bolder
Basic text vs uk-h classes
uk-h1 uk-h2 uk-h3 uk-h4 uk-h5 uk-h6
p

p uk-h1

p uk-h2

p uk-h3

p uk-h4

p uk-h5

p uk-h6
a a uk-h1 a uk-h2 a uk-h3 a uk-h4 a uk-h5 a uk-h6
div
div uk-h1
div uk-h2
div uk-h3
div uk-h4
div uk-h5
div uk-h6
small small uk-h1 small uk-h2 small uk-h3 small uk-h4 small uk-h5 small uk-h6
strong strong uk-h1 strong uk-h2 strong uk-h3 strong uk-h4 strong uk-h5 strong uk-h6
Text vs Styles (Falta uk-text-bold)
uk-text-lead uk-text-meta uk-text-small uk-text-default uk-text-large

paragraph

p uk-text-lead

p uk-text-meta

p uk-text-small

p uk-text-default

p uk-text-large
small small uk-text-lead small uk-text-meta small uk-text-small small uk-text-default small uk-text-large

p.class
small

p.uk-text-lead small

p.uk-text-meta small

p.uk-text-small small

p.uk-text-default small

p.uk-text-large small

p
small.class

p small.uk-text-lead

p small.uk-text-meta

p small.uk-text-small

p small.uk-text-default

p small.uk-text-large
strong strong uk-text-lead strong uk-text-meta strong uk-text-small strong uk-text-default strong uk-text-large

p.class
strong

p.uk-text-lead
strong

p.uk-text-meta strong

p.uk-text-small strong

p.uk-text-default strong

p.uk-text-large strong

p
strong.class

p strong.uk-text-lead

p strong.uk-text-meta

p strong.uk-text-strong

p strong.uk-text-default

p strong.uk-text-large
4. H tags + Basic styles
uk-text-lead uk-text-meta uk-text-small uk-text-default uk-text-large
h1

h1 uk-text-lead

h1 uk-text-meta

h1 uk-text-small

h1 uk-text-default

h1 uk-text-large
h2

h2 uk-text-lead

h2 uk-text-meta

h2 uk-text-small

h2 uk-text-default

h2 uk-text-large
h3

h3 uk-text-lead

h3 uk-text-meta

h3 uk-text-small

h3 uk-text-default

h3 uk-text-large
h4

h4 uk-text-lead

h4 uk-text-meta

h4 uk-text-small

h4 uk-text-default

h4 uk-text-large
h5
h5 uk-text-lead
h5 uk-text-meta
h5 uk-text-small
h5 uk-text-default
h5 uk-text-large
h6
h6 uk-text-lead
h6 uk-text-meta
h6 uk-text-small
h6 uk-text-default
h6 uk-text-large
H tags + uk-h class
uk-h1 uk-h2 uk-h3 uk-h4 uk-h5 uk-h6
h1

h1 uk-h1

h1 uk-h2

h1 uk-h3

h1 uk-h4

h1 uk-h5

h1 uk-h6
h2

h2 uk-h1

h2 uk-h2

h2 uk-h3

h2 uk-h4

h2 uk-h5

h2 uk-h6
h3

h3 uk-h1

h3 uk-h2

h3 uk-h3

h3 uk-h4

h3 uk-h5

h3 uk-h6
h4

h4 uk-h1

h4 uk-h2

h4 uk-h3

h4 uk-h4

h4 uk-h5

h4 uk-h6
h5
h5 uk-h1
h5 uk-h2
h5 uk-h3
h5 uk-h4
h5 uk-h5
h5 uk-h6
h6
h6 uk-h1
h6 uk-h2
h6 uk-h3
h6 uk-h4
h6 uk-h5
h6 uk-h6
6. Text vs uk-h classes

Class rules, ignores tag

uk-h1 uk-h2 uk-h3 uk-h4 uk-h5 uk-h6

p

p uk-h1

p uk-h2

p uk-h3

p uk-h4

p uk-h5

p uk-h6
a a uk-h1 a uk-h2 a uk-h3 a uk-h4 a uk-h5 a uk-h6
div
div uk-h1
div uk-h2
div uk-h3
div uk-h4
div uk-h5
div uk-h6
small small uk-h1 small uk-h2 small uk-h3 small uk-h4 small uk-h5 small uk-h6
strong strong uk-h1 strong uk-h2 strong uk-h3 strong uk-h4 strong uk-h5 strong uk-h6
7. Text vs uk-headings

p uk-heading-3xlarge

p uk-heading-2xlarge

p uk-heading-xlarge

p uk-heading-large

p uk-heading-medium

p uk-heading-small

Table Basics (Incomplete)
Caption
uk-h1 uk-h2 uk-h3 uk-h4 uk-h5 uk-h6
th
scope="row"		 th uk-h1 th uk-h2 th uk-h3 th uk-h4 th uk-h5 th uk-h6
th
scope="col"		 th uk-h1 th uk-h2 th uk-h3 th uk-h4 th uk-h5 th uk-h6
 
tr tr
class="uk-text-center"
tr tr + th
class="uk-text-center"
tr th
class="uk-text-center"
 
h2

h2 uk-h1

h2 uk-h2

h2 uk-h3

h2 uk-h4

h2 uk-h5

h2 uk-h6
Footer

h2 uk-h1

h2 uk-h2

h2 uk-h3

h2 uk-h4

h2 uk-h5

h2 uk-h6
Come and Transform your Health with Us!

Experience the benefits of Regenerative Medicine and discover how Stem Cells can improve your health and well-being.

We're here to help you every step of the way!

Stem Cells

Blue Spa

Blue Sky Clinic

Follow us:

Opening Hours:
  • Monday - Friday:
    9 am - 6 pm
  • Saturdays:
    9 am - 1 pm
Blue Sky Clinic
Blue Sky Clinic
   Health Center - Mx City
Blue Sky Clinic

Request Information

Enter your contact info so our service staff reaches you ASAP.

* Name and e-mail fields are mandatory

Thank you!

© Blue Sky Clinic
All Rights Reserved

www.Info-Grafico.com

Inbound Marketing

Info Grafico