This is a text header
It's a big deal
Style Guide
Living examples of available style, layout, and conventions for the wwwebsite.
Two column section
This one has a blockquote and shows off built-in text sizes.
Columns can have headers
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident...
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident
Structured content is fun
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.
Big words.
Medium words.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident.
Smaller words too.
OMG, header level four.
And even just bold body text.
Three Columns, Card Style
Sub-headers can be longer too, or include links. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident.
Lorem ipsum dolor
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.
Excepteur sint occaecat
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Voluptate velit esse
Incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.
Four column section
With a summary.
FIRST COLUMN
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 consequat.
SECOND COLUMN
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
THIRD COLUMN
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
FOURTH COLUMN
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 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 consequat.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.
Incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Hear from our customers
"Common Room has made it easier for our SDRs and AEs to book more and better meetings. It’s our favorite sales tool here. One of our AEs called it 'my closest friend.'"
Tyler Hayden
Director of Sales Development
Read the story
"Common Room gave us visibility into multiple signals to identify new, relevant stakeholders—as well as their activity across several platforms—to target new leads and gain insights into accounts sales reps couldn’t see before. We made Common Room the hub for all the signals that would point to an ideal customer profile."
Aisha Nins
GTM Program Manager
Read the story
"The most valuable discovery that Common Room helped us make was understanding which large organizations have been using and are most engaged with our tools. They adopt us because we work for their needs and their workflows—and enterprises may be willing to pay for a premium version tailored to their organization. Common Room allows us to spot those opportunities and follow up accordingly."
Brendan O’Leary
Head of Community
Read the story
Typography
text-micro
text-xs
text-sm
text-base
text-lg
text-xl
text-2xl
text-3xl
text-4xl
text-5xl
text-6xl
text-7xl
text-8xl
text-micro
text-xs
text-sm
text-base
text-lg
text-xl
text-2xl
text-3xl
text-4xl
text-5xl
text-6xl
text-7xl
text-8xl
font-thin (100)
font-extralight (200)
font-light (300)
font-normal (400)
font-base (500)
font-medium (600)
font-semibold (700)
font-bold (800)
font-extrabold (900)
font-black (1000)
leading-none
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
leading-tight
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
leading-snug
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
leading-normal
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
leading-relaxed
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
leading-loose
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Width
Color Palette
#EE0FD8
238, 15, 216
#FFFD54
255, 253, 84
#BDF9DF
189, 249, 223
#EF09F3
239, 9, 243
#B6F309
182, 243, 9
#09F3E5
9, 243, 229
#F37A09
243, 122, 9
#43BDA7
67, 189, 167
#5DD2FA
93, 210, 250
#2AF409
42, 244, 9
#DEFFD9
222, 255, 217
#CBED83
203, 237, 131
#83EDBF
131, 237, 191
#83E0ED
131, 224, 237
#83AEED
131, 174, 237
#EBE2F9
235, 226, 249
#FBF8FF
251, 248, 255
#FFF1CC
255, 241, 204
#ECFFB6
236, 255, 182
#C3F0FF
195, 240, 255
#F8F7B3
248, 247, 179
#EA38A6
234, 56, 166
#EC4B29
236, 75, 41
#66BBA9
102, 187, 169
#F7BDBF
247, 189, 191
Buttons
CONTEXT: production
SITE:[["title",null],["description","Capture every buying signal in one place. Give your team superpowers to reach the right person with the right context at the right time."],["email","uncommon@commonroom.io"],["twitter","CommonRoomHQ"],["linkedin","https://www.linkedin.com/company/common-room-hq"],["slack","https://join.slack.com/t/uncommon-community/shared_invite/zt-2gms3j8md-JavXJJhF6KMqHHFdFX68Tg"],["featureFlags",["suggestions","jobFilters","postStashedParams","integrationsFilter","resourceHub","playbooks","popupDemo"]],["banners",[]],["isPageTop",true],["activeSection",""],["setActiveSection",null],["setIsTracking",null],["hideNav",false],["token",null],["isActive",null],["isAdmin",false],["isHomepage",false],["isBlog",false],["isNotMobile",false],["isLarge",false],["isBrowser",false],["isDarkBg",false],["isHeaderPage",true],["generateUnpublishedPages",null],["location",{"pathname":"/style/","search":"","hash":""}],["isLiveProd",true]]