
Facial Hair.
Shave or not to shave?
Beard, stubble, mustache, or just keep it clean shaven.
Gents – this is a big topic.
And today I have a treat for you.
But first, you’ve got to choose facial hair for your face shape — that’s what really decides whether a look works on you, long before you reach for a razor or a beard oil.
Three options for you in this round-up – three paths concerning the hair on our face.
- The science of facial hair?
- How to get a great shave?
- How to grow a beard?
Depending on your needs and curiosity you can dive deep and learn how best to shave or head over to my friend Eric’s site and learn how to grow a beard and make it through the itchy phase!
So let’s get into it.
Facial Hair For Your Face Shape: Start Here

Before you pick a path, here’s the part most guys skip.
Facial hair isn’t only about whether you CAN grow it. It’s about balancing the face you already have.
The goal is simple. You want to nudge your face toward an oval — add length where you’re wide, add width where you’re long, add a hard edge where you’re soft.
Here’s how that plays out.

Round face — you want length, not width. Grow it fuller at the chin and keep the cheeks tight. A short boxed beard or a goatee stretches a round face and finally gives you a jaw.
Square face — you’ve already got the angles, so don’t fight them. Keep the sides short and let a little weight build at the chin to soften that strong jaw. Stubble or a trimmed short beard is your friend.
Long or oblong face — do the opposite. Keep it short at the chin and let the sides fill in. A full beard with weight on the cheeks makes a long face read wider and shorter. Skip the pointy goatee — it drags your face down.
Oval face — lucky you. Almost anything works, so pick based on your growth and your life, not your face.
Heart-shaped face — wide forehead, narrow chin. Build weight down at the jaw to balance the top. A fuller chin beard evens you out.
Two rules beat all of this. Keep your neckline clean — right at the top of the Adam’s apple, never up on the jaw. And dress for the face you have NOW — don’t plan your look around the beard you swear you’ll grow over the next three months.
Want the full run of options once you know your shape? I break down 10 beard styles every man should know in a separate guide. And if you’re dialing in the whole picture, the same face-shape logic runs your haircut too.
Not sure which shape you’re working with? Take the 30-second quiz below and I’ll point you at the style that fits.
.rmrs-quiz
–rmrs-navy: #14253c;
–rmrs-charcoal: #2a2a2a;
–rmrs-cream: #f7f3ec;
–rmrs-paper: #ffffff;
–rmrs-gold: #b8893a;
–rmrs-gold-soft: #e9d9b8;
–rmrs-line: #e3dccd;
–rmrs-muted: #6b6b6b;
–rmrs-shadow: 0 12px 40px rgba(20, 37, 60, 0.10);
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif;
color: var(–rmrs-charcoal);
max-width: 720px;
margin: 28px auto;
background: var(–rmrs-cream);
border-radius: 14px;
box-shadow: var(–rmrs-shadow);
overflow: hidden;
box-sizing: border-box;
.rmrs-quiz *, .rmrs-quiz *::before, .rmrs-quiz *::after box-sizing: border-box;
.rmrs-quiz .rq-header
background: var(–rmrs-navy);
color: var(–rmrs-cream);
padding: 28px 28px 22px;
text-align: center;
border-bottom: 3px solid var(–rmrs-gold);
.rmrs-quiz .rq-eyebrow
font-size: 12px; letter-spacing: 2.5px; text-transform: uppercase;
color: var(–rmrs-gold-soft); margin: 0 0 8px; font-weight: 600;
.rmrs-quiz .rq-title
font-family: Georgia, “Times New Roman”, serif;
font-size: 28px; line-height: 1.2; margin: 0 0 6px; color: #fff; font-weight: 700;
.rmrs-quiz .rq-sub margin: 0; font-size: 14px; color: var(–rmrs-gold-soft); opacity: 0.9;
.rmrs-quiz .rq-progress-wrap padding: 18px 28px 0; background: var(–rmrs-paper);
.rmrs-quiz .rq-progress-meta
display: flex; justify-content: space-between; align-items: center;
font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase;
color: var(–rmrs-muted); margin-bottom: 8px;
.rmrs-quiz .rq-progress-bar height: 6px; background: var(–rmrs-line); border-radius: 3px; overflow: hidden;
.rmrs-quiz .rq-progress-fill height: 100%; width: 0%; background: var(–rmrs-gold); transition: width 0.4s ease;
.rmrs-quiz .rq-body padding: 28px; background: var(–rmrs-paper); min-height: 320px;
.rmrs-quiz .rq-question
font-family: Georgia, “Times New Roman”, serif;
font-size: 22px; line-height: 1.35; color: var(–rmrs-navy); margin: 0 0 22px; font-weight: 700;
.rmrs-quiz .rq-options display: flex; flex-direction: column; gap: 10px;
.rmrs-quiz .rq-option
width: 100%; text-align: left; background: var(–rmrs-paper);
border: 1.5px solid var(–rmrs-line); color: var(–rmrs-charcoal);
padding: 14px 18px; border-radius: 8px; font-size: 15px; line-height: 1.45;
cursor: pointer; transition: border-color 0.15s, background 0.15s, transform 0.05s;
font-family: inherit;
.rmrs-quiz .rq-option:hover border-color: var(–rmrs-gold); background: #fdfaf3;
.rmrs-quiz .rq-option:active transform: scale(0.99);
.rmrs-quiz .rq-option.selected border-color: var(–rmrs-gold); background: #fdf6e7;
.rmrs-quiz .rq-nav
display: flex; justify-content: space-between; align-items: center;
margin-top: 22px; padding-top: 18px; border-top: 1px solid var(–rmrs-line);
.rmrs-quiz .rq-btn
font-family: inherit; font-size: 14px; letter-spacing: 1.5px; text-transform: uppercase;
font-weight: 600; padding: 11px 22px; border-radius: 6px; cursor: pointer; border: none;
transition: opacity 0.15s, transform 0.05s;
display: inline-flex; align-items: center; justify-content: center;
.rmrs-quiz .rq-btn-primary background: var(–rmrs-navy); color: var(–rmrs-cream);
.rmrs-quiz .rq-btn-primary:hover opacity: 0.92;
.rmrs-quiz .rq-btn-primary:disabled background: #c4c4c4; color: #fff; cursor: not-allowed;
.rmrs-quiz .rq-btn-ghost background: transparent; color: var(–rmrs-muted); padding: 11px 14px;
.rmrs-quiz .rq-btn-ghost:hover color: var(–rmrs-navy);
.rmrs-quiz .rq-btn-ghost:disabled visibility: hidden;
.rmrs-quiz .rq-arrow-icon
display: inline-block; width: 16px; height: 16px;
margin-left: 6px; flex: 0 0 16px;
.rmrs-quiz .rq-arrow-left margin-left: 0; margin-right: 6px;
.rmrs-quiz .rq-arrow-icon svg width: 100%; height: 100%; display: block;
.rmrs-quiz .rq-li-icon
flex: 0 0 16px; width: 16px; height: 16px; margin-top: 3px; display: inline-block;
.rmrs-quiz .rq-li-icon svg width: 100%; height: 100%; display: block;
.rmrs-quiz .rq-li-text flex: 1;
.rmrs-quiz .rq-intro, .rmrs-quiz .rq-result text-align: center;
.rmrs-quiz .rq-intro h2, .rmrs-quiz .rq-result h2
font-family: Georgia, serif; color: var(–rmrs-navy); font-size: 28px; margin: 0 0 12px;
.rmrs-quiz .rq-intro p
font-size: 15px; line-height: 1.6; color: var(–rmrs-charcoal);
margin: 0 auto 16px; max-width: 520px;
.rmrs-quiz .rq-stats
display: flex; justify-content: center; gap: 28px; margin: 18px 0 22px; flex-wrap: wrap;
.rmrs-quiz .rq-stat text-align: center;
.rmrs-quiz .rq-stat-num
font-family: Georgia, serif; font-size: 26px; font-weight: 700;
color: var(–rmrs-gold); line-height: 1;
.rmrs-quiz .rq-stat-label
font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px;
color: var(–rmrs-muted); margin-top: 4px;
.rmrs-quiz .rq-cta-start
display: inline-flex; align-items: center; justify-content: center;
background: var(–rmrs-gold); color: #fff; padding: 14px 32px;
border: none; border-radius: 6px; font-size: 14px; letter-spacing: 2px;
text-transform: uppercase; font-weight: 700; cursor: pointer;
transition: background 0.15s, transform 0.05s; font-family: inherit;
.rmrs-quiz .rq-cta-start:hover background: #a07730;
.rmrs-quiz .rq-cta-start:active transform: scale(0.98);
.rmrs-quiz .rq-result-eyebrow
font-size: 12px; letter-spacing: 2.5px; text-transform: uppercase;
color: var(–rmrs-gold); font-weight: 700; margin-bottom: 8px;
.rmrs-quiz .rq-result-type
font-family: Georgia, serif; font-size: 38px; color: var(–rmrs-navy);
margin: 0 0 6px; font-weight: 700; line-height: 1.1;
.rmrs-quiz .rq-result-tagline
font-style: italic; color: var(–rmrs-muted); font-size: 15px; margin: 0 0 20px;
.rmrs-quiz .rq-shape-icon width: 110px; height: 130px; margin: 6px auto 14px; display: block;
.rmrs-quiz .rq-result-summary
font-size: 15px; line-height: 1.65; color: var(–rmrs-charcoal);
max-width: 560px; margin: 0 auto 24px; text-align: left;
background: var(–rmrs-cream); padding: 16px 20px;
border-left: 3px solid var(–rmrs-gold); border-radius: 4px;
.rmrs-quiz .rq-dodont
display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 0 0 24px; text-align: left;
.rmrs-quiz .rq-do, .rmrs-quiz .rq-dont
background: var(–rmrs-paper); border: 1.5px solid var(–rmrs-line);
border-radius: 8px; padding: 18px 18px 16px;
.rmrs-quiz .rq-do h3, .rmrs-quiz .rq-dont h3
font-family: Georgia, serif; font-size: 18px; margin: 0 0 10px;
padding-bottom: 8px; border-bottom: 1px solid var(–rmrs-line);
.rmrs-quiz .rq-do h3 color: #2c6b3f;
.rmrs-quiz .rq-dont h3 color: #a0392f;
.rmrs-quiz .rq-do ul, .rmrs-quiz .rq-dont ul
margin: 0 !important; padding: 0 !important; list-style: none !important;
.rmrs-quiz .rq-do li, .rmrs-quiz .rq-dont li
font-size: 14px; line-height: 1.5; padding: 6px 0; margin: 0;
color: var(–rmrs-charcoal);
display: flex; align-items: flex-start; gap: 9px;
list-style: none !important;
.rmrs-quiz .rq-do li::before, .rmrs-quiz .rq-dont li::before,
.rmrs-quiz .rq-do li::marker, .rmrs-quiz .rq-dont li::marker
content: none !important; display: none !important;
.rmrs-quiz .rq-signature
background: var(–rmrs-navy); color: var(–rmrs-cream);
padding: 18px 20px; border-radius: 8px; margin: 0 0 24px; text-align: left;
.rmrs-quiz .rq-signature .rq-sig-label
font-size: 11px; letter-spacing: 2px; text-transform: uppercase;
color: var(–rmrs-gold-soft); margin-bottom: 6px; font-weight: 700;
.rmrs-quiz .rq-signature .rq-sig-text
font-family: Georgia, serif; font-size: 17px; line-height: 1.5; margin: 0;
.rmrs-quiz .rq-share margin: 0 0 16px;
.rmrs-quiz .rq-share-label
font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase;
color: var(–rmrs-muted); margin-bottom: 10px;
.rmrs-quiz .rq-share-buttons
display: flex; justify-content: center; gap: 8px; flex-wrap: wrap;
.rmrs-quiz .rq-share-btn
padding: 10px 16px; border-radius: 6px; border: none;
font-family: inherit; font-size: 13px; font-weight: 600; cursor: pointer;
color: #fff; display: inline-flex; align-items: center; gap: 6px;
text-decoration: none;
transition: opacity 0.15s, background 0.15s, transform 0.05s;
.rmrs-quiz .rq-share-btn:hover opacity: 0.92;
.rmrs-quiz .rq-share-btn:active transform: scale(0.98);
.rmrs-quiz .rq-share-fb background: #1877f2;
.rmrs-quiz .rq-share-fb.copied background: #2c6b3f;
.rmrs-quiz .rq-share-x background: #000;
.rmrs-quiz .rq-share-wa background: #25d366;
.rmrs-quiz .rq-share-copy background: #444;
.rmrs-quiz .rq-share-copy.copied background: #2c6b3f;
.rmrs-quiz .rq-share-note
font-size: 12px; color: var(–rmrs-muted); margin: 10px auto 0;
font-style: italic; max-width: 520px;
.rmrs-quiz .rq-result-actions
display: flex; justify-content: center; gap: 10px;
margin-top: 18px; flex-wrap: wrap;
.rmrs-quiz .rq-cta-read
background: var(–rmrs-gold); color: #fff; padding: 12px 24px;
border-radius: 6px; font-size: 13px; letter-spacing: 1.5px;
text-transform: uppercase; font-weight: 700; text-decoration: none;
transition: background 0.15s; display: inline-flex; align-items: center; justify-content: center;
.rmrs-quiz .rq-cta-read:hover background: #a07730;
.rmrs-quiz .rq-restart
background: transparent; color: var(–rmrs-muted);
border: 1.5px solid var(–rmrs-line); padding: 12px 22px; border-radius: 6px;
font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 600;
cursor: pointer; font-family: inherit;
transition: border-color 0.15s, color 0.15s;
.rmrs-quiz .rq-restart:hover border-color: var(–rmrs-navy); color: var(–rmrs-navy);
.rmrs-quiz .rq-footer
text-align: center; font-size: 11px; letter-spacing: 1px;
color: var(–rmrs-muted); padding: 14px;
border-top: 1px solid var(–rmrs-line); background: var(–rmrs-cream);
.rmrs-quiz .rq-footer a color: var(–rmrs-navy); text-decoration: none; font-weight: 600;
.rmrs-quiz .rq-fade-in animation: rqFadeIn 0.35s ease;
@keyframes rqFadeIn
from opacity: 0; transform: translateY(8px);
to opacity: 1; transform: translateY(0);
@media (max-width: 560px)
.rmrs-quiz margin: 16px 8px; border-radius: 10px;
.rmrs-quiz .rq-header padding: 22px 18px 18px;
.rmrs-quiz .rq-title font-size: 23px;
.rmrs-quiz .rq-progress-wrap padding: 14px 18px 0;
.rmrs-quiz .rq-body padding: 22px 18px;
.rmrs-quiz .rq-question font-size: 19px;
.rmrs-quiz .rq-option font-size: 14px; padding: 12px 14px;
.rmrs-quiz .rq-result-type font-size: 30px;
.rmrs-quiz .rq-dodont grid-template-columns: 1fr;
.rmrs-quiz .rq-stats gap: 18px;
Real Men Real Style
What Facial Hair Style Actually Suits You?
A 2-minute quiz that matches a style to your face, your growth, and your life
(function () {
var ARROW_RIGHT = ‘‘;
var ARROW_LEFT = ‘‘;
var CHECK_SVG = ‘‘;
var CROSS_SVG = ‘‘;
var QUESTIONS = [
q: “Look straight in the mirror – what’s your face shape closest to?”,
options: [
label: “Round – soft, full, cheeks are the widest part”, scores: boxed: 2, statement: 2 ,
label: “Square – angular, with a strong wide jaw”, scores: stubble: 2, clean: 2 ,
label: “Long or oblong – longer than it is wide”, scores: full: 3 ,
label: “Oval – balanced, just slightly longer than wide”, scores: boxed: 2, stubble: 1, full: 1 ,
label: “Heart – wide forehead, narrower chin”, scores: full: 2, boxed: 1, statement: 1
]
,
q: “How does your facial hair actually grow in?”,
options: [
label: “Patchy on the cheeks – it never really connects”, scores: clean: 2, stubble: 2, statement: 1 ,
label: “Full, thick, and fast – everywhere”, scores: full: 3 ,
label: “Slow but even – it gets there eventually”, scores: boxed: 2, stubble: 2 ,
label: “Strong on the chin and ‘stache, thin on the cheeks”, scores: statement: 3
]
,
q: “How much grooming time are you honestly good with?”,
options: [
label: “Basically none – I want in and out”, scores: clean: 3, stubble: 1 ,
label: “A quick line-up every few days”, scores: stubble: 3, boxed: 1 ,
label: “A few minutes daily – I like it dialed in”, scores: boxed: 2, statement: 2 ,
label: “I’ll put in real time – oil, comb, shape”, scores: full: 3, boxed: 1
]
,
q: “What’s your work and dress code like?”,
options: [
label: “Strict and conservative – finance, law, lots of client meetings”, scores: clean: 3, stubble: 1 ,
label: “Business casual – some room to move”, scores: stubble: 2, boxed: 2 ,
label: “Creative or relaxed – I set the tone”, scores: full: 2, statement: 2 ,
label: “Outdoors, trades, or self-employed”, scores: full: 3, boxed: 1
]
,
q: “What look are you going for?”,
options: [
label: “Sharp, clean, and put-together”, scores: clean: 3, stubble: 1 ,
label: “Rugged and masculine”, scores: full: 3, boxed: 1 ,
label: “Modern and approachable”, scores: stubble: 2, boxed: 2 ,
label: “Distinctive – something people remember”, scores: statement: 3, full: 1
]
,
q: “How’s your jawline?”,
options: [
label: “Soft or a little weak – I’d like more definition”, scores: boxed: 3, full: 1 ,
label: “Strong and defined already”, scores: clean: 2, stubble: 2 ,
label: “Average – nothing dramatic”, scores: stubble: 2, boxed: 2 ,
label: “Round, with a bit of a double chin”, scores: boxed: 2, statement: 2, full: 1
]
,
q: “How long are you willing to wait to grow it in?”,
options: [
label: “Not at all – I want to look good tomorrow”, scores: clean: 3, stubble: 1 ,
label: “A few days of scruff is fine”, scores: stubble: 3, boxed: 1 ,
label: “A few weeks for a short beard”, scores: boxed: 2, statement: 2, full: 1 ,
label: “However long a full beard takes”, scores: full: 3, statement: 1
]
];
var BLOG_URL = “https://www.realmenrealstyle.com/facial-hair-resources/”;
var GUIDE_URL = “https://www.realmenrealstyle.com/top-facial-hair-styles/”;
var TYPES =
clean:
name: “Clean Shaven”,
tagline: “No cover, no crutch – your job is to keep the skin sharp and the edges clean.”,
summary: “Maybe you can’t grow it evenly, maybe your world runs formal, or maybe a bare face just reads sharper on you. Any of those is a real reason, not a fallback. Clean shaven is the most versatile look a man can wear – but only if the shave is actually good. Razor burn and 5 o’clock shadow undo the whole thing.”,
icon: “clean”,
doList: [
“Shave with the grain first, then across it – never dig against the grain on dry skin”,
“Prep with warm water and a real shave oil or cream so the blade glides instead of drags”,
“Swap your blade often – a dull one is what causes the burn, not your skin”,
“Moisturize after every shave; a bare face still needs to look healthy, not raw”,
“Keep the sideburns level and tidy – a clean look lives or dies on the details”
],
dontList: [
“Don’t reuse a blade until it tugs – that’s the razor burn talking”,
“Don’t skip aftercare; an alcohol splash alone just dries you out”,
“Don’t let shadow creep back mid-day if the whole point is ‘sharp'”
],
signature: “A close morning shave, a fresh blade twice a week, and a light unscented balm. Boring on paper, unbeatable in person.”
,
stubble:
name: “Designer Stubble”,
tagline: “The lowest-effort win in grooming – your job is to keep it deliberate, not lazy.”,
summary: “Stubble does something almost nothing else can: it adds definition and a little ruggedness for about thirty seconds of upkeep. It suits most faces, hides a soft jaw, and reads modern without trying too hard. The trick is that it has to look chosen – a set length and a clean neckline – not like you forgot to shave for a week.”,
icon: “stubble”,
doList: [
“Set your trimmer to a guard (roughly 3-5mm) and keep it there – the consistency is the look”,
“Cut a clean neckline just above the Adam’s apple; leave the cheeks mostly natural”,
“Run it every 2-3 days so the length stays honest”,
“Moisturize underneath – stubble sits right on the skin, and dry skin shows”
],
dontList: [
“Don’t let it grow past short and uneven – that’s where patchy shows up”,
“Don’t shave the cheek line too high or too low; follow your natural growth”,
“Don’t confuse designer stubble with a week of neglect – length control is everything”
],
signature: “A trimmer with a fixed guard run over the whole face every few days, plus a sharp neckline. Two minutes, and you look like you meant it.”
,
boxed:
name: “Short Boxed Beard”,
tagline: “The most flattering beard on the most faces – your job is to build a jaw and keep the lines crisp.”,
summary: “If you’re not sure what to grow, this is the answer. A short, tidy beard – full but kept close to the face – gives a round or soft jaw the structure it’s missing and still works in almost any office. Long enough to read as a real beard, short enough to stay sharp. This is the one most men look their best in.”,
icon: “boxed”,
doList: [
“Keep it short and even – one guard over the whole beard, then detail the edges”,
“Sharpen the cheek line and neckline; those crisp borders are what make it look intentional”,
“Leave a touch more length at the chin to lengthen a round face”,
“Work in a little beard oil so it lies flat and doesn’t itch or flake”,
“See your barber every 3-4 weeks to reset the shape”
],
dontList: [
“Don’t let the neckline climb up your jaw – keep it at the top of the throat”,
“Don’t square the cheeks off in a hard line if your growth is uneven – follow it”,
“Don’t let it bush out – the whole power of this look is that it’s controlled”
],
signature: “A one-guard trim over the whole beard, a hair more length left at the chin, and clean cheek and neck lines. Structured, professional, and hard to get wrong.”
,
full:
name: “Full Beard”,
tagline: “Maximum presence – your job is to shape it so it reads groomed, not grown-over.”,
summary: “A full beard is the biggest statement facial hair makes, and it rewards the guys who genuinely grow well. It adds age, authority, and weight to a long or narrow face – as long as you keep the sides fuller than the bottom so you add width, not more length. The line between rugged and unkempt is entirely in the upkeep.”,
icon: “full”,
doList: [
“Give it real time – a true full beard takes 8-12 weeks, so push through the itch around week two”,
“Keep the sides fuller and round the bottom if your face is long – width up, not down”,
“Oil and comb it daily once it has length; that’s what separates distinguished from castaway”,
“Still define the neckline and cheek line – even a big beard needs a clean edge”,
“Trim strays weekly and get it evened up by a barber monthly”
],
dontList: [
“Don’t skip the neckline just because it’s long – an undefined neck ages the whole look badly”,
“Don’t let it grow straight down if your face is already long – you’ll only stretch it further”,
“Don’t quit at the two-week itch; that’s the phase that beats most men”
],
signature: “Grown out past the itch, oiled and combed daily, sides kept full, neckline kept sharp. Presence you can’t fake any other way.”
,
statement:
name: “Goatee or Mustache”,
tagline: “Concentrated character – your job is to own the one feature and keep it precise.”,
summary: “When your cheeks won’t cooperate but your chin and mustache come in strong, don’t fight for a full beard you can’t grow – put the focus where the growth actually is. A goatee stretches a round face and hands you a chin; a strong mustache is pure personality. Both live and die on precision, so this is a look for a man willing to detail his edges.”,
icon: “statement”,
doList: [
“Play to your growth – if the chin and ‘stache are your strength, build the look there”,
“Keep the borders razor-sharp; a statement look with fuzzy edges just looks unfinished”,
“Use a goatee to add length to a round or full face – it draws the eye down”,
“Trim the mustache off the lip line so it stays clean when you eat and talk”
],
dontList: [
“Don’t force patchy cheeks into a full beard – commit to the goatee instead”,
“Don’t let the edges blur – precision is the entire point of this style”,
“Don’t go thin and pencil-y unless that specific retro look is exactly what you want”
],
signature: “A defined goatee or a well-kept mustache, edges detailed every couple of days, the rest kept clean. One strong feature, done deliberately.”
;
function getFaceSVG(type)
var HAIR = ”;
var FACE = ”;
var EYES = ”;
var beard = “”;
switch (type)
case “clean”:
beard = “”;
break;
case “stubble”:
var dots = “”;
var pts = [[34,70],[40,72],[46,73],[52,73],[58,72],[64,70],[32,64],[38,66],[44,67],[50,68],[56,67],[62,66],[68,64],[36,78],[42,80],[48,81],[54,80],[60,78],[45,85],[52,85]];
for (var i = 0; i < pts.length; i++) dots += '’;
beard = dots;
break;
case “boxed”:
beard = ”;
break;
case “full”:
beard = ”;
break;
case “statement”:
beard = ”;
break;
return ” + FACE + beard + EYES + HAIR + ”;
var state =
step: -1,
answers: [],
scores: clean: 0, stubble: 0, boxed: 0, full: 0, statement: 0
;
var bodyEl = document.getElementById(“rqBody”);
var progressWrap = document.getElementById(“rqProgressWrap”);
var progressFill = document.getElementById(“rqProgressFill”);
var progressLabel = document.getElementById(“rqProgressLabel”);
var progressPercent = document.getElementById(“rqProgressPercent”);
function copyToClipboard(text)
var fallback = function ()
var ta = document.createElement(“textarea”);
ta.value = text;
ta.setAttribute(“readonly”, “”);
ta.style.position = “absolute”;
ta.style.left = “-9999px”;
document.body.appendChild(ta);
ta.select();
try document.execCommand(“copy”); catch (e)
document.body.removeChild(ta);
;
if (navigator.clipboard && navigator.clipboard.writeText)
try navigator.clipboard.writeText(text).catch(fallback);
catch (e) fallback();
else
fallback();
function renderIntro()
progressWrap.style.display = “none”;
bodyEl.innerHTML =
‘
‘
Shave Or Grow? Let\’s Settle It.
‘ +
‘
Most men pick facial hair based on what they saw on someone else – not on the face, the growth, and the life they actually have. This quiz points you at the style that fits all three, in under 2 minutes.
‘ +
‘
‘
‘ +
‘
‘ +
‘
‘ +
‘
‘ +
‘‘ +
‘
‘;
document.getElementById(“rqStartBtn”).addEventListener(“click”, startQuiz);
function startQuiz()
state.step = 0;
state.answers = [];
state.scores = clean: 0, stubble: 0, boxed: 0, full: 0, statement: 0 ;
progressWrap.style.display = “block”;
renderQuestion();
function updateProgress()
var total = QUESTIONS.length;
var current = state.step + 1;
var pct = Math.round((current – 1) / total * 100);
progressFill.style.width = pct + “%”;
progressLabel.textContent = “Question ” + current + ” of ” + total;
progressPercent.textContent = pct + “%”;
function renderQuestion()
updateProgress();
var q = QUESTIONS[state.step];
var prior = state.answers[state.step];
var optionsHTML = q.options.map(function (opt, i)
var sel = prior && prior.optionIndex === i ? ” selected” : “”;
return ‘“;
).join(“”);
var isLast = state.step === QUESTIONS.length – 1;
var nextLabel = isLast ? “See My Result” : (“Next” + ARROW_RIGHT);
bodyEl.innerHTML =
‘
‘
‘ + q.q + “
” +
‘
” +
‘
‘‘ +
‘” +
‘
‘ +
‘
‘;
var optionBtns = bodyEl.querySelectorAll(“.rq-option”);
var nextBtn = document.getElementById(“rqNext”);
var selectedIndex = prior ? prior.optionIndex : null;
if (selectedIndex !== null) nextBtn.disabled = false;
optionBtns.forEach(function (btn)
btn.addEventListener(“click”, function ()
optionBtns.forEach(function (b) b.classList.remove(“selected”); );
btn.classList.add(“selected”);
selectedIndex = parseInt(btn.getAttribute(“data-i”), 10);
nextBtn.disabled = false;
);
);
document.getElementById(“rqBack”).addEventListener(“click”, function ()
if (state.step === 0) return;
removeAnswerScore(state.step);
state.step -= 1;
renderQuestion();
);
nextBtn.addEventListener(“click”, function ()
if (selectedIndex === null) return;
if (prior) removeAnswerScore(state.step);
var chosen = q.options[selectedIndex];
Object.keys(chosen.scores).forEach(function (k) 0) + chosen.scores[k];
);
state.answers[state.step] = qIndex: state.step, optionIndex: selectedIndex ;
if (state.step === QUESTIONS.length – 1)
progressFill.style.width = “100%”;
progressLabel.textContent = “Complete”;
progressPercent.textContent = “100%”;
renderResult();
else
state.step += 1;
renderQuestion();
);
function removeAnswerScore(stepIdx)
var prior = state.answers[stepIdx];
if (!prior) return;
var q = QUESTIONS[stepIdx];
var prevOpt = q.options[prior.optionIndex];
Object.keys(prevOpt.scores).forEach(function (k) 0) – prevOpt.scores[k];
);
function determineWinner()
var order = [“boxed”, “stubble”, “full”, “statement”, “clean”];
var max = -1, winner = “boxed”;
order.forEach(function (k)
if (state.scores[k] > max) max = state.scores[k]; winner = k;
);
return winner;
function renderResult()
progressWrap.style.display = “none”;
var winner = determineWinner();
var t = TYPES[winner];
var shareText = “I just took the RMRS Facial Hair Quiz – turns out my style is the ” + t.name + “. What’s yours?”;
var shareUrl = BLOG_URL;
var fbCaption = shareText + ” Take it: ” + shareUrl;
var fbHref = “https://www.facebook.com/sharer/sharer.php?u=” + encodeURIComponent(shareUrl);
var xHref = “https://twitter.com/intent/tweet?url=” + encodeURIComponent(shareUrl) + “&text=” + encodeURIComponent(shareText);
var waHref = “https://api.whatsapp.com/send?text=” + encodeURIComponent(shareText + ” ” + shareUrl);
var doHTML = t.doList.map(function (li)
return “
“;
).join(“”);
var dontHTML = t.dontList.map(function (li)
return “
“;
).join(“”);
bodyEl.innerHTML =
‘
‘
Your Facial Hair Style Is
‘ +
getFaceSVG(t.icon) +
‘
‘ + t.name + “
” +
‘
‘ + t.tagline + “
” +
‘
” +
‘
‘
Do
- ‘ + doHTML + ‘
‘ +
‘
Don\’t
- ‘ + dontHTML + ‘
‘ +
‘
‘ +
‘
‘
‘ +
‘
‘ + t.signature + ‘
‘ +
‘
‘ +
‘
‘
‘ +
‘
‘ +
‘
‘ +
‘
‘ +
‘
‘ +
‘
‘;
document.getElementById(“rqRestart”).addEventListener(“click”, function ()
state.step = -1;
renderIntro();
);
document.getElementById(“rqCopyBtn”).addEventListener(“click”, function ()
var btn = this;
copyToClipboard(shareUrl);
btn.textContent = “Copied!”;
btn.classList.add(“copied”);
setTimeout(function ()
btn.textContent = “Copy Link”;
btn.classList.remove(“copied”);
, 2000);
);
document.getElementById(“rqFbBtn”).addEventListener(“click”, function ()
var btn = this;
copyToClipboard(fbCaption);
btn.textContent = “Caption copied – opening Facebook…”;
btn.classList.add(“copied”);
setTimeout(function ()
window.open(fbHref, “_blank”, “noopener,noreferrer,width=626,height=436”);
, 350);
setTimeout(function ()
btn.textContent = “Share on Facebook”;
btn.classList.remove(“copied”);
, 4000);
);
renderIntro();
})();
1. The Science Of Beards, Mustaches, and Stubble
Curious as to what signals your facial hair is sending?
Want the full article?
Click here to read my 2,000 word guest post over at the Art of Manliness!
2. How To Get A Great Shave In 30 Days – FREE ebook at Sharpologist

I was in Austin the other day and was hanging out with Mark Hero over at Sharpologist.
Great guy – he has an amazing Youtube channel on getting a great shave. For years though I’ve told him – you need to take your best tips and put them in a simple ebook.
Well – he did it! 42 pages of awesomeness!
And you can get it here for free (well – you have to give him your email!).
Click here to grab the ebook for free.
And do it quick – I told him he should be selling it as it’s that good!
3. How To Grow A Beard…..With Style
I met Eric about 6 months ago – we had a nice conversation on the phone and I really respect what he’s doing over at Beardbrand.
When it comes to beards, knowledge about beards, and products for beards……..Beardbrand can’t be beat.
Click on the video below to get an idea of what they are about or check out Beardbrand’s Youtube channel here.
That’s it!
And if you’re just getting started, two things nobody warns you about. First, the itch around week two is normal and it passes — don’t quit there. Second, a patchy beard at three weeks isn’t a patchy beard, it’s an unfinished one.
Most gaps fill in by week six to eight, and the ones that don’t, you shape around. I put the whole playbook in my guide on how to grow a beard the right way — including the handful of tips that actually move the needle.
Facial Hair Questions Guys Actually Ask

What facial hair style suits my face shape?
Aim to balance your face toward an oval. Round faces want length at the chin — a short boxed beard or a goatee. Long faces want fullness on the sides and no extra length at the chin. Square faces suit stubble or a short beard, and oval faces can wear just about anything. Not sure? The quiz above sorts you in about two minutes.
How long does it take to grow a full beard?
For most men, a real full beard takes eight to twelve weeks. You’ll hit an itchy, awkward stage around week two — that’s normal, and it passes if you leave it alone. By week six, most of the spots that looked patchy have usually filled in.
What should I do about a patchy beard?
Give it time first — a lot of patchy beards are just short beards that haven’t connected yet. If it’s still thin at eight weeks, work with it instead of against it: keep it shorter so the density reads even, or switch to a goatee or stubble that plays to where you actually grow.
Should I go clean-shaven, stubble, or a full beard?
It comes down to three things: your face shape, how well you grow, and how much upkeep you’ll actually do. Clean-shaven reads sharpest for formal work and needs a good shave to look right. Stubble is the lowest-maintenance win. A full beard makes the biggest statement, but only pays off if you grow well and keep it groomed.

The post Facial Hair For Men: How To Pick The Right Style For Your Face appeared first on Real Men Real Style.
