The box model areas

Content area
: This is the area naturally consumed by the content that constitutes an element

Padding area: Every box can optionally have padding that surrounds the content area.

Border area: The size of the outline/border that surrounds the box.

Margin area: This is the transparent white space outside the box that distances the box from its neighboring elements.

Display

Block:
An element with a display value of block begins on a new line and takes up all the available width of that line.

Inline: The element appears on the same line as its surrounding elements, and only takes up as much space as its content, padding, and border areas need.

Inline-block: Same as above, but the element now has the ability to be given arbitrarily defined box area values, which is not possible with the plain inline display property.

None: The element is not visible and takes up no space on the page

I’m not sure people would have taken it as seriously. Which brings us to three key concepts in typography: tone, readability, and legibility.

Tone is the mood or feeling that your typography conveys visually, which is distinct from the tone of the content itself. Tone ranges across a spectrum from informal to formal, and you’ll want to make sure your typography sets the right tone for the message and brand. The typesetting above illustrates this beautifully. The young, playful feel of the font just can't support the gravitas of the quote.

Legibility defines how easy it is to distinguish between individual letterforms (the shapes of the letters), and is a vital consideration for setting type in user interfaces. For instance, some fonts make it difficult to distinguish between an uppercase I and a lowercase l. (See what I mean?) This is usually a function of the font’s design, though certain design choices, such as setting letter-spacing too high or low, or setting text in all caps, can impact legibility.

Readability defines how easy it is to read paragraph content. It’s determined by the font's design and your own design choices, including sizing, spacing, and color.I’ll cover all of these aspects in more detail, but let’s start with one of the most important decisions: the fonts themselves.

Chapter 3

Web Typography 101

Typography matters.

In his classic The Elements of Typographic Style, Robert Bringhurst defines typography as “the craft of endowing human language with a durable visual form.” In most cases, that visual form needs to be legible and readable, and it must set the right tone. If your typography makes a text difficult or downright impossible to read, then it’s useless — no matter how amazing it looks.Just imagine how different history might be if the Bible, for example, had been typeset in green Indie Flower on a blue background:

The 4 kinds of color schemes

1. Monochrome

A monochrome color scheme consists of various tints, shades, and saturations of a single base color. They’re very cohesive, but run the risk of becoming monotonous.

2. Complementary

Complementary schemes are based on two colors from opposite sides of the color wheel. Because the two hues will be wildly different, such schemes can very impactful and noticeable.

3. Analogous

Analogous schemes feature three colors that sit next to each other on the color wheel. Because of the tonal similarities, these schemes can create a very cohesive, unified feel, without the monotony of a monochrome scheme.

4. Triadic

To make a triadic color scheme, draw an equilateral triangle (a triangle where all three sides are the same length) on the color wheel, and select the three colors at the points of the triangle. This creates a diverse, yet balanced, scheme.

Hot and cold

Colors also have a “warmth” and can be classified as either a warm or cool.Warm colors contain higher amounts of reds and yellows. They can invoke a sense of warmth and passion in a design. They can also feel very aggressive and bold, reminding us of the international stop sign. That’s why red is often used in error messages.Cool colors contain higher amounts of blue, evoking chilly climates, ice, winter, water, nighttime, death, and sadness. They can carry connotations of loneliness, coldness, and fear. Cool colors also less aggressive and much more soothing. Think of a blue sky, or crystal clear blue waters on a beach. Relaxed yet?

Temperature

Increasing an image’s temperature means increasing its orange levels. It generally makes an image look warmer and happier, similar to how the world looks happier when the sun casts its orange glow upon it. In contrast, reducing an image’s temperature makes it look colder and less inviting, like an overcast day.Tints and shadesA tint results from adding white to a color — a shade when you add black.

RGB and hex

On the web, we use RGB (red-green-blue) and hex values to represent colors.

The RGB color system defines all colors as a combination of three different values: a particular shade of red, another of green, and another of blue. So:

rgb(59, 89, 145) equals Facebook blue
rgb(0, 0, 0) equals black
rgb(255, 255, 255) equals white

The hex color system converts each value to a hexadecimal (base 16) representation, like
so:

#3b599b equals Facebook blue
#000000 equals black
#ffffff equals white

Every two characters represents a color value, so for Facebook blue, the red hue is 3b, the green is 59, and 9b is blue.

Why you should care about color?

If someone handed you the keys to your dream car, for free, your head would explode with excitement, right? Of course!
But what if the car was painted in your most-hated hue? Or each panel was a different color entirely? Or if the interior mixed lime green and construction yellow?You might be a little less excited, right?Colors have meaning. They impart a tone and emotional impact just like fonts do, and that makes them a powerful design tool.

The vocabulary of color

Before we dive into theory, you’ll need to know the following terms:

Primary colors

Primary colors form the basis for all other shades. Humans perceive three base colors: magenta, cyan, and yellow. Every other color we see consists of a combination of these three colors in varying amounts, brightnesses, tints, and shades (see below).Traditionally, we considered red, blue, and yellow to be the primary colors, but research has shown that magenta, cyan, and yellow better describe our experience of color.

Chapter 2

Color Theory

You've got a practically infinite palette to work with when it comes to color. Find out how to do it right.

You have a whopping 16.8 million colors to choose from when designing a website. And when you start combining them to form a palette? Your array of choices are endless.

3. Multistability

This one gets a little late-night-in-your-dorm-room, but here we go: Multistability explains why you can see just the faces, or just the vases in that famous optical illusion, but never both at the same time.

The human mind doesn’t dig uncertainty, you see, so it fixates on one way of seeing something to the exclusion of possible alternatives. Fascinating, right? Kinda makes you think about politics. But let’s move on.  

4. Invariance

The principle of invariance states that we’re really good at recognizing similarities and differences. That means that it’s really easy to make something stand out of a crowd of similar objects.Remember the lady in the red dress in The Matrix? How about the little girl in the red jacket in Schindler’s List? Those two stand out so much — and remain so memorable — because their bright color practically screams out of the homogenous black-and-white backgrounds we see them moving against. It marks them as meaningful and worthy of our attention.

The 4 core principles of Gestalt theory

1. Emergence

The principle of emergence states that we attempt to make sense of the whole before we start identifying its parts.When we see an object, we first try to take in its outline, then we compare the outline against other things we’ve seen before. If we find a match, we assume we know what it is, and we might then start to analyze its components. If we don’t find a match, we might then start to analyze the parts in pursuit of a whole.

2. Reification

The principle of reification states that our minds fill in gaps in visual information in order to identify objects. That means that you don’t have to see the entirety of something to understand what it is, though the simpler or more widely recognized the whole object is, the easier it’ll be to recognize it by a part.Which means you should have no trouble recognizing the meaning of this symbol:

Chapter 1

Essential visual design principles for web designers

Every design seeks to either create a sense of unity among disparate elements, or creatively break that unity to encourage a particular action. The principles covered here will help you do both.

A structure, configuration, or pattern of physical, biological, or psychological phenomena so integrated as to constitute a functional unit with properties not derivable by summation of its parts

CONTENT

Chapter 1

Essential visual design principles for web designers

Chapter 2

Color Theory

Chapter 3

Web Typography 101

Chapter 4

How Element Spacing Works

Chapter 5

UI Design Essentials

Web design 101

The future of the web is in your hands. Learn how to build it right.

John moore Williams

(01)

Kalos Manicure Recovery

$52

Kalos Manicure combines the healing benefits of naturopathic full-spectrum CBD balm and oil, designed to diminish anxiety, tension, and free radicals while effectively managing chronic pain conditions. From arthritis to muscle strain, this innovative treatment offers relief for a range of discomforts.

Treatment includes: CBD oil massage, aloe vera scrub, therapeutic neck treatment, 15-minute hand massage and collagen gloves.

Manicure
Manicure

(02)

Muse Manicure Rejuvenate

$52

Indulge in the opulent experience of our Muse Manicure, enriched with a lavish 24k gold formulation for unparalleled luxury. Beyond its sumptuousness, gold offers a myriad of benefits, from soothing inflammation and redness to shielding the skin against free radicals. This precious metal supports collagen production, restoring elasticity for a firmer, more youthful texture. With its brightening properties, gold leaves the skin radiant and luminous, ensuring an incomparable glow with every treatment. 


Treatment includes: 24k gold formulation, therapeutic neck treatment, 15-minute hand massage and collagen gloves.

Manicure
Manicure

(03)

Vita-C Manicure Revitalize

$45

Savor freshly squeezed orange juice from Muse Cafe as our antioxidant-rich citrus scrub revitalizes your skin. This gentle exfoliation, infused with the essence of citrus fruits, reveals soft, luminous skin while uplifting your spirit for a dynamic day ahead.

Treatment includes: citrus hand soak, citrus hand sugar scrubs, 12-minute hand massage, and therapeutic neck treatment.

Manicure
Manicure

(04)

Aloe Vera Manicure

$40

Aloe Vera, renowned for its natural moisturizing properties, is enriched with vitamins E and C. This manicure treatment is expertly crafted to hydrate, revitalize, and condition dry skin, leaving it beautifully nourished and soothed.

Treatment includes: hand soak, sugar scrub, paraffin, aloe vera mask and 10 minutes massage.

Manicure
Manicure

(05)

Paraffin Manicure Recovery

$35

Discover the benefits of our Paraffin Therapy Manicure, featuring warm paraffin wax to soothe aches, improve joint flexibility, and invigorate tired hands. This treatment also aids in exfoliating dead skin cells and deeply hydrating the skin, leaving your hands feeling refreshed and renewed.

Treatment includes: 8-minute hand massage (rose or lavender scents).

Manicure
Manicure

(06)

Deluxe Manicure rose or lavender scents

$30

Express Manicure with sugar scrub, moisture mask, and a 6-minute hand massage.

Manicure
Manicure

(07)

Express Manicure rose or lavender scents

$22

Service includes hand soaking, nail shaping, cuticle trim, and lotion massage.

Manicure
Manicure

(01)

Kalós Pedicure Recovery

$90

Kalos Pedicure combines the healing benefits of naturopathic full-spectrum CBD balm and oil, expertly designed to diminish anxiety, tension, and free radicals while effectively managing chronic pain conditions. From arthritis to muscle strain, this innovative treatment offers relief for a range of discomforts. Enhanced with a soothing CBD oil massage using jade stones, it provides targeted alleviation for aches and pains in both legs and feet.

  • Foot mask
  • Paraffin wrap
  • Jade stone massage (30 mins)
  • Therapeutic neck wrap
  • Collagen socks
Pedicure

(02)

Muse Pedicure Rejuvenate

$90

Indulge in the opulent experience of our Muse Pedicure, enriched with a lavish 24k gold formulation for unparalleled luxury. Beyond its sumptuousness, gold offers a myriad of benefits, from soothing inflammation and redness to shielding the skin against free radicals. This precious metal supports collagen production, restoring elasticity for a firmer, more youthful texture. With its brightening properties, gold leaves the skin radiant and luminous, ensuring an incomparable glow with every treatment.

  • Foot mask
  • Paraffin wrap
  • Jade stone massage (30 mins)
  • Therapeutic neck wrap
  • Collagen socks
Pedicure

(03)

Vita-C Pedicure Revitalize

$80

Enjoy our signature freshly squeezed orange juice, brimming with revitalizing vita-C to nourish the body. Citrus fruits not only bolster internal health but also serve as effective skin cleansers. Infused with antioxidants, our citrus fruit scrub gently exfoliates, leaving skin fresh, soft, and luminous by eliminating dead cells and stimulating new cell production. The invigorating citrus scent uplifts the spirit, promoting an energized and positive mood for a dynamic day ahead.

  • Foot mask
  • Paraffin wrap
  • Hot stone massage (22 mins)
Pedicure

(04)

Organic Milk & Honey Pedicure Revitalize

$70

Revitalize your feet with our Milk and Honey Pedicure, a luxurious treat. This delightful combination offers a truly sumptuous experience, with milk's lactic acid soothing and softening the skin, and honey providing brightening and hydrating benefits. Crafted with certified organic ingredients, our eco-friendly formula is free of harsh chemicals and preservatives, ensuring a gentle and nurturing foot treatment.

  • Foot mask
  • Paraffin wrap
  • Hot stone massage (18 mins)
Pedicure

(05)

Therapeutic Salt Pedicure Rejuvenate

$65

Immerse yourself in luxury with our rejuvenating foot soak, featuring a blend of Epsom and Himalayan pink salts, herbal flakes, and magnesium flakes. This centuries-old tradition is renowned for its ability to relieve stress, soothe muscle aches, replenish your body’s magnesium levels, and promote restful sleep. Enhance the experience with a refreshing cucumber mask to hydrate the skin barrier, followed by a comforting warm herbal neck wrap for ultimate relaxation.

  • Foot mask
  • Paraffin wrap
  • Hot stone massage (15 mins)
  • Therapeutic neck wrap
Pedicure

(06)

Aloe Vera Pedicure


$55

Aloe Vera, renowned for its natural moisturizing properties, is enriched with vitamins E and C. This pedicure treatment is expertly crafted to hydrate, revitalize, and condition dry skin, leaving it beautifully nourished and soothed.

  • Foot mask
  • Paraffin wrap
  • Hot stone massage (15 mins)
  • Therapeutic neck wrap
Pedicure

(07)

Paraffin Pedicure


$45

Discover the benefits of our Paraffin Therapy Pedicure, featuring warm paraffin wax to soothe foot pain, improve joint flexibility, and invigorate tired feet. This treatment also aids in exfoliating dead skin cells and deeply hydrating the skin, leaving your feet feeling refreshed and renewed.

  • Foot mask
  • Paraffin wrap
  • Lotion massage (10 mins)
  • Rose or Lavender scents
Pedicure

(08)

Deluxe Pedicure


$35

Our pedicure treatment for clients on the go. Enjoy the benefits of the essential pedicure treatments with just the right amount of pampering.

  • Lotion massage (6 mins)
  • Rose or Lavender scents
Pedicure

GEL-X Full Set $60+

GEL -X Freestyle Design

BIAB Full Set $70+

Refill BIAB $60+

Dip Powder $40

Dip + Manicure $55

Add French Gel $25

Dip Powder French $50

Dip French (Cut) $55

Dip Ombre $57

Solar Clear $40+

Color Powder $50+

Solar French (Bi-colors) $55+

Solar Ombre $60+

Fill Solar Clear* $30

Fill Color Powder* $40

Fill Solar French* $45

Fill Solar Ombre* $50

* We do not offer fills on others’ work.

Manicure $15

Pedicure $22

Gel Add-On $15

Polish Change Hands $8

Polish Change Toes $10

(Ages 12 and under)