Rezi Style guide

Updated Wed. Mar 29th - CTAs
Typography
HTML headings
All H1 Headings

Heading 1

All H2 Headings

Heading 2

All H3 Headings

Heading 3

All H4 Headings

Heading 4

All H5 Headings
Heading 5
All H6 Headings
Heading 6
Heading classes
heading-xxlarge

Heading-xxlarge

heading-xlarge

Heading-xlarge

heading-large

Heading-large

heading-medium

Heading-medium

heading-small

Heading-small

heading-xsmall

Heading-xsmall

Other HTML tags
All Paragraphs

All Paragraph (HTML Tag) In a world older and more complete than ours, they move finished and complete, gifted with the extension of the senses we have lost or never attained, living by voices we shall never hear. They are not brethren, they are not underlings: they are other nations, caught with ourselves in the net of life and time, fellow prisoners of the splendour and travail of the earth.

All Links
All Links
All Block Quotes
Block quote
All Unordered Lists
  • No bullet list

  • No bullet list

All Unordered Lists
  • No bullet list

  • No bullet list

All Ordered Lists
  1. No bullet list

  2. No bullet list

  3. No bullet list

Text sizes
text-size-large

In a world older and more complete than ours, they move finished and complete, gifted with the extension of the senses we have lost or never attained, living by voices we shall never hear. They are not brethren, they are not underlings: they are other nations, caught with ourselves in the net of life and time, fellow prisoners of the splendour and travail of the earth.

text-size-medium

In a world older and more complete than ours, they move finished and complete, gifted with the extension of the senses we have lost or never attained, living by voices we shall never hear. They are not brethren, they are not underlings: they are other nations, caught with ourselves in the net of life and time, fellow prisoners of the splendour and travail of the earth.

text-size-regular

In a world older and more complete than ours, they move finished and complete, gifted with the extension of the senses we have lost or never attained, living by voices we shall never hear. They are not brethren, they are not underlings: they are other nations, caught with ourselves in the net of life and time, fellow prisoners of the splendour and travail of the earth.

text-size-small

In a world older and more complete than ours, they move finished and complete, gifted with the extension of the senses we have lost or never attained, living by voices we shall never hear. They are not brethren, they are not underlings: they are other nations, caught with ourselves in the net of life and time, fellow prisoners of the splendour and travail of the earth.

text-size-tiny

In a world older and more complete than ours, they move finished and complete, gifted with the extension of the senses we have lost or never attained, living by voices we shall never hear. They are not brethren, they are not underlings: they are other nations, caught with ourselves in the net of life and time, fellow prisoners of the splendour and travail of the earth.

Text weights
text-weight-bold
text-weight-bold
text-weight-semibold
text-weight-semibold
text-weight-medium
text-weight-medium
text-weight-normal
text-weight-normal
Text letter spacings
text-letterspacing-xwide
A Lorem ipsum dolor sit amet
text-letterspacing-wide
A Lorem ipsum dolor sit amet
text-letterspacing-normal
A Lorem ipsum dolor sit amet
text-letterspacing-tight
A Lorem ipsum dolor sit amet
text-letterspacing-xtight
A Lorem ipsum dolor sit amet
Text line heights
text-lineheight-xtall
In a world older and more complete than ours, they move finished and complete, gifted with the extension of the senses we have lost or never attained, living by voices we shall never hear. They are not brethren, they are not underlings: they are other nations, caught with ourselves in the net of life and time, fellow prisoners of the splendour and travail of the earth.
text-lineheight-tall
In a world older and more complete than ours, they move finished and complete, gifted with the extension of the senses we have lost or never attained, living by voices we shall never hear. They are not brethren, they are not underlings: they are other nations, caught with ourselves in the net of life and time, fellow prisoners of the splendour and travail of the earth.
text-lineheight-normal
In a world older and more complete than ours, they move finished and complete, gifted with the extension of the senses we have lost or never attained, living by voices we shall never hear. They are not brethren, they are not underlings: they are other nations, caught with ourselves in the net of life and time, fellow prisoners of the splendour and travail of the earth.
text-lineheight-short
In a world older and more complete than ours, they move finished and complete, gifted with the extension of the senses we have lost or never attained, living by voices we shall never hear. They are not brethren, they are not underlings: they are other nations, caught with ourselves in the net of life and time, fellow prisoners of the splendour and travail of the earth.
text-lineheight-xshort
In a world older and more complete than ours, they move finished and complete, gifted with the extension of the senses we have lost or never attained, living by voices we shall never hear. They are not brethren, they are not underlings: they are other nations, caught with ourselves in the net of life and time, fellow prisoners of the splendour and travail of the earth.
text-lineheight-none
In a world older and more complete than ours, they move finished and complete, gifted with the extension of the senses we have lost or never attained, living by voices we shall never hear. They are not brethren, they are not underlings: they are other nations, caught with ourselves in the net of life and time, fellow prisoners of the splendour and travail of the earth.
Text styles
text-style-italic
text-style-italic
text-style-strikethrough
text-style-strikethrough
text-style-allcaps
text-style-allcaps
text-style-nowrap
text-style-nowrap
text-style-quote
text-style-quote
text-style-link
text-style-2lines
text-style-2lines
text-style-3lines
text-style-3lines
text-style-muted
text-style-muted
Text alignment
text-align-left
text-align-left
text-align-center
text-align-center
text-align-right
text-align-right
Rich text
text-rich-text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
This is a block quote

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

This is a link inside of a rich text

  • List item
  • List item
  • List item
  1. List item
  2. List item
  3. List item
Caption goes here
Colors
Primary colors
These are the main colors that make up the majority of the colors used in the design system.
Gray (neutral)
Gray is a neutral color and is the foundation of the color system. Almost everything in UI design — text, form fields, backgrounds, dividers — are usually gray.
gray25
gray50
gray100
gray200
gray300
gray400
gray500
gray600
gray700
gray800
gray900
Primary
The primary color is your "brand" color, and is used across all interactive elements such as buttons, links, inputs, etc. This color can define the overall feel and can elicit emotion.
primary25
primary50
primary100
primary200
primary300
primary400
primary500
primary600
primary700
primary800
primary900
Background colors
.background-color-white
.background-color-gray800
.background-color-gray50
.background-color-gray100
.background-color-primary50
.background-color-primary100
.background-color-primary200
.background-color-primary300
.background-color-color
Text colors
text-color-gray25
text-color-gray25
text-color-gray50
text-color-gray50
text-color-gray100
text-color-gray100
text-color-gray200
text-color-gray200
text-color-gray300
text-color-gray300
text-color-gray400
text-color-gray400
text-color-gray500
text-color-gray500
text-color-gray600
text-color-gray600
text-color-gray700
text-color-gray700
text-color-gray800
text-color-gray800
text-color-gray900
text-color-gray900
text-color-primary25
text-color-primary25
text-color-primary50
text-color-primary50
text-color-primary100
text-color-primary100
text-color-primary200
text-color-primary200
text-color-primary300
text-color-primary300
text-color-primary400
text-color-primary400
text-color-primary500
text-color-primary500
text-color-primary600
text-color-primary600
text-color-primary700
text-color-primary700
text-color-primary800
text-color-primary800
text-color-primary900
text-color-primary900
Effects
Box shadows
Shadows allow you to add depth and realism to designs by positioning elements on a z-axis.
shadow-xxsmall
Shadow xs in Figma.
shadow-xsmall
Shadow sm in Figma.
shadow-small
Shadow md in Figma.
shadow-small
Shadow lg in Figma.
shadow-large
Shadow xl in Figma.
shadow-xlarge
Shadow 2xl in Figma.
shadow-xxlarge
Shadow 3xl in Figma.
UI elements
Buttons
button
is-button-large
Button
Button 2xl in Figma.
button
Button
Button lg in Figma.
button
is-button-small
Button
Button md in Figma.
button
is-button-xsmall
Button
Button sm in Figma.
button-secondary-gray
is-button-large
button-secondary-gray
button-secondary-gray
is-button-small
button-secondary-gray
is-button-xsmall
button-secondary
is-button-large
button-secondary
button-secondary
is-button-small
button-secondary
is-button-xsmall
button-tertiary
is-button-large
button-tertiary
button-tertiary
is-button-small
button-tertiary
is-button-xsmall
button-tertiary-gray
is-button-large
button-tertiary-gray
button-tertiary-gray
is-button-small
button-tertiary-gray
is-button-xsmall
button-link
is-button-large
button-link
button-link
is-button-xsmall
button-link-gray
is-button-large
button-link-gray
button-link-gray
is-button-xsmall
button
is-button-large
icon-only
Button 2xl in Figma.
button
icon-only
Button lg in Figma.
button
is-button-small
icon-only
Button md in Figma.
button
is-button-xsmall
icon-only
Button sm in Figma.
button-secondary-gray
is-button-large
icon-only
button-secondary-gray
icon-only
button-secondary-gray
is-button-small
icon-only
button-secondary-gray
is-button-xsmall
icon-only
button-secondary
is-button-large
icon-only
button-secondary
icon-only
button-secondary
is-button-small
icon-only
button-secondary
is-button-xsmall
icon-only
button-tertiary
is-button-large
icon-only
button-tertiary
icon-only
button-tertiary
is-button-small
icon-only
button-tertiary
is-button-xsmall
icon-only
button-tertiary-gray
is-button-large
icon-only
button-tertiary-gray
icon-only
button-tertiary-gray
is-button-small
icon-only
button-tertiary-gray
is-button-xsmall
icon-only
Badges
badge
is-badge-large
Label
badge
Label
badge
is-badge-small
Label
badge
is-badge-large
is-primary
Label
badge
is-primary
Label
badge
is-badge-small
is-primary
Label
badge
is-badge-large
is-error
Label
badge
is-error
Label
badge
is-badge-small
is-error
Label
badge
is-badge-large
is-warning
Label
badge
is-warning
Label
badge
is-badge-small
is-warning
Label
badge
is-badge-large
is-success
Label
badge
is-success
Label
badge
is-badge-small
is-success
Label
cc_tippy
cc_tippy
is--tooltip
Form elements
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Blog Tables
  • AI Resume Builder
  • ATS Keyword Targeting
  • AI Cover Letter Builder
$3/month
  • Multiple download formats
  • Resume score checker
$23.70/month
  • Customizable templates
  • Multilingual support
$24.95/month
  • AI cover letter builder
  • Personal website
$24.95/month
  • User-friendly resume builder
  • 50,000 pre-written phrases
$7.95/month
  • AI Resume Builder
  • AI Cover Letter Builder
$9.99/month
  • Plenty ready-made templates
  • Intuitive editing tool
Free
  • Drag-and-drop resume builder
  • Public profile page
$10/month
  • Optional section additions
  • Pre-written examples
$5.95/month
  • ATS-friendly templates
  • Automatic sharing features
Free
60% off Rezi Pro
30% off Annual Plans
90% off first month
40% off the yearly Pro plan
40% off all plans
60% off Blinkist Premium
20% off annual subscriptions
40% on annual plans
50% off all annual plans!
30% off first year of plans!
60% off Rezi Pro
60% off Rezi Pro
60% off Rezi Pro
30% off Annual Plans
60% off Rezi Pro
90% off first month
60% off Rezi Pro
40% off the yearly Pro plan
40% off all plans
60% off Blinkist Premium
20% off annual subscriptions
40% on annual plans
50% off all annual plans!
30% off first year of plans!
FeatureCV (curriculum vitae)Resume
PurposeAcademic applications, research positions, grants, etc.Job applications in various industries.
LengthCan be as long as needed; it usually grows with your career.Typically 1-2 pages, concise and focused.
FocusAcademic achievements, research, publications, teaching.Professional experience, skills, accomplishments.
ContentDetailed history of education, research, and academic work.Summary of work experience, skills, and qualifications.
Hard SkillsSoft Skills
Access ControlAttention-to-detail
CPR Communication
CybersecurityConflict Resolution
Firearm SafetyCrisis Intervention
First AidCritical Thinking
Law EnforcementCustomer Service
Legal KnowledgePhysical Fitness
Security SystemsProblem-solving
Self DefenseSituational Awareness
Surveillance TechnologyTeamwork
FrameworkClassification
ACTFLN/A
CEFRN/A
ILR0
StrengthsWeaknesses 
INTJs are always looking for better ways to do things, which makes them great at finding creative solutions.Their directness can be seen as harsh, especially by more sensitive coworkers.
They naturally think long-term and are skilled at planning for the future.They struggle with deferring to managers they don’t respect or see as competent.
 INTJs are highly independent and don’t need to rely on others to get things done.Office chit-chat and politics feel like a waste of time, making them seem disengaged.
Text Samples
Base Text Sample
Duplicate only - Don't Change
Charles Bloomberg
Seoul, South Korea
(621) 799-5548
in/cbloomberg
PROFESSIONAL SUMMARY
Passion for building inspiring companies through industry-leading tech, design, and execution. An experienced early-stage global executive with an economics degree from the University of Wisconsin - Madison. Looking to join as a global startup consultant.
PROFESSIONAL Experience
CEO & Founder | Rezi
August 2015—Present, Seoul, South Korea
⦁ Built Rezi - the most loved resume software in the world, trusted by over 124,000 users.
⦁ Founded Rezi at the age of 22. At 23, successfully globalized into South Korea growing to be South Korea's leading English resume company, the most awarded global startup in South Korea, and securing over $650,000 in investment, grants, and awards.
⦁ Collaborated with the development team to engineer scalable partnership strategies such as redemption-code-based access which resulted in over 50,000 new users in 1 month with zero marketing dollars spent.
⦁ Accountable for developing new business models as a response towards market conditions and opportunities which resulted in the development of 3 new core departments including e-learning, global recruiting, and data-vending.
⦁ 3 full time employees; 123,390 users; $650,000 total raised investment; $8,000,000 valuation.
Web Developer | Kaplan
May 2015—November 2015, La Crosse, WI
⦁ Executed website redesign of kaplancleantech.com using Expression Engine as a CMS while working with marketing and sales teams. Optimized 3 landing page variants using, HTML, A/B testing software and customer feedback to increase leads for sales teams.
⦁ Lead the developing SEO strategies monitoring campaigns using MOZ Analytics for a 500k budget. Maintained performance through site analysis, and new keyword research. Prepared analytics and ranking reports presented to management.
⦁ Executed Google Analytics tracking campaigns to maximize the effectiveness of 5 email re-marketing initiatives deployed using Salesforce software. Used Salesforce Object Query Language, C, and Python to search for data for specific information.
⦁ Worked with Deck Writing, Channel Allocation, Budgeting, and more.
Marketing Analyst | Kaplan
November 2014—May 2015, La Crosse, WI
⦁ Relied and implement Tableau dashboards to track 6 marketing KPIs. Used data to create reports circulated amongst leadership. Collaborated with marketing specialists to improve marketing strategies to maximize ROI such as introducing Facebook retargeting.
⦁ Used SurveyMonkey to collect over 100 customer feedbacks used to conduct analysis, identify market trends, and calculate NPS. Used customer feedback data and optimization software to present and suggest website improvements to management.
⦁ Managed mobile 2 PPC strategy efforts, using Google AdWords Editor and Marin, by teaching marketing specialists best practices to prepare for the behavioral shift towards increased reliance on mobile.
Education
Bachelor of Science in Economics with a Mathematics Emphasis | University of Wisconsin - Madison
Powers-Knapp Scholar, 2014
Expert-Level Skills
Leadership: Speaking, Fundraising, Product Development, Communication, Partnerships, International Marketing
Front End: HTML, CSS, Bootstrap, Webflow | Design: Photoshop, Illustrator, Sketch
Fields of Interest: Early-Stage Fundraising, Global Entrepreneurship, Web Design, Growth
Base Text Sample Cover Letter
Duplicate only - Don't Change
Charles Bloomberg
New York City, New York
01062375053
Company X
Dear Hiring team
I am writing to apply for the Machine Learning Engineer position you advertised on Linkedin, as I feel that my skills would be a great asset to the company. I feel that my dedication to the field of Machine Learning and Artificial Intelligence, along with my problem-solving skills and knowledge of related technologies, will allow me to contribute a lot to your organization.
After reviewing your company's website, I was impressed with the company's dedication to innovative technologies. The company has been selected by IDC as a market leader in the field of Machine Learning and Artificial Intelligence. I feel that I would be able to contribute to the company's ongoing success by developing tools that help the company analyze large data sets in real-time.
I have recently completed my internship at Company A, where I was assigned to the team of Machine Learning and Artificial Intelligence. I worked on the development of tools that were able to predict failures in the mainframe system and the development of various machine learning and natural language processing models that analyzed firmware changes to predict system behavior and output.
I believe that my education and work experience in this field will prove to be a great asset to your organization. My skills and knowledge in this field will allow me to quickly adapt to your organization's needs. I would welcome the opportunity to interview for this position.
Sincerely,
Charles Bloomberg
Edit Text Resume
Edit > Publish > Copy > Embed
Create Free Resume
Edit this sample directly in your Rezi Account. No card required
Charles Bloomberg
Seoul, South Korea
(621) 799-5548
in/cbloomberg
Experience
Global Operations Director | Company A
June 2020 - Present, New York, NY
• Prepared proposals and pitched to investors for fundraising and raised a total of 76 million won grant from the Korean Government which was used for hiring, marketing, and accounting support.
• Raised 3,000,000KRW for building B2B relationships through a USA-Korea joint-expansion program operated by the Yangjae RCD Innovation hub.
• Increased sales revenue by 56% in 2018 by providing resume services to B2B customers like Seoul National University and Ewha Woman’s University.
• Managed participation in a Global Expansion Program supported by Hanwha and Chungnam Creative Economy Innovation Center.• Researched the Chinese market and built business relationships with Chinese companies on a four-day trip through China.
• Recruited over 1,500+ attendees to nine global career seminars through digital marketing and collaborating with industry-leading partners such as IE Business School, WANTED, Comento, Seoul National University, and AIESEC.
Marketing Manager & Translator | Company B
June 2019 - June 2020, New York, NY
• Monitored China market trend research using Chinese & Korean search engines as well as organized data to create a business proposal to recruit customers trying to enter the Chinese market.
• Conducted studies to manage Chinese promotional channels such as Baidu, Weixin, Weibo as well as built a cooperative system with a Chinese PR agency to make preparations for developing viral marketing strategies and held offline events for recruiting customers.
• Translated 11 Chinese documents including news articles, contracts, and proposals.
Digital Marketing Consultant Intern | Company C
June 2018 - June 2019, New York, NY
• Managed 5 big social media channels like Naver Post, Blog, Instagram, Facebook, and YouTube by developing daily content and implementing ten events increasing followers by 200% on average.
• Analyzed and reported results directly to clients using Naver marketing cloud software, an advertisement agency, and also offered performance recommendations to improve campaign effectiveness on a weekly basis.
• Conducted competitor analysis by keeping abreast of trends and competitors' moves and reported to the client daily.
• Researched and developed client case studies to create a viral marketing proposal for the client.
National Committee Marketing Vice President | Company D
June 2017 - June 2018, New York, NY
• Led and operated 16 local committees with members based out of top universities in South Korea numbering more than 500 members and managed 50 marketing members in the local committee as a member of the executive board.
• Delivered strategies to local committees to develop new customers by providing national training sessions and learning materials for more than 250 members on multiple occasions.
• Provided brand management to local members in order to increase internal brand awareness and conducted brand audits quarterly using online tools to track changes in brand awareness and to develop marketing strategies.
• Operated Global Internship sessions and diverse online promotion strategies using the official website and Facebook.• Organized a National Design Team to create two brochures and three posters using photoshop for internal and external customers and partners.
Education
Bachelor of Arts in Chinese | Dongduk Women's University | Seongbuk-gu, Seoul
2016
INVOLVEMENT
Local committee Marketing Vice President | AIESEC DWU - University of Dongduk women's
January 2012 - December 2012
• Led and managed 50 new members in the local committee as a member of the executive board.
Skills
Language Skills: Korean​, Native.​ English​, TOEIC (880), OPIC (Advanced High). ​Chinese​, HSK level 6
Technical Skills:​ Facebook Business Manager, MailChimp, Google Analytics
Global utility classes
Core structures
Client-first defines a flexible core structure you can use on most pages. It's recommended that you don't delete these.
Containers
Client-first comes with 3 defined container sizes - small, medium, and large. It's recommended that you don't delete these.
Spacing
Spacing system (margin and padding) that keeps vertical and horizontal spacing global on your website. It's recommended that you don't delete these.
Responsive visibility
Show and hide elements by screen size. It's recommended that you don't delete these.
Advanced classes
More advanced but useful classes as you're building. Not required to use.
Global embed
Client-first comes with a 'global' symbol embed block. This embed block goes on every page and holds CSS styles that are used everywhere in the project.
Global utility classes
BF2023
Copy