Text Styles using Sketch

JIN Design

26 Dec, 2017


Ho ho ho guys!

Hope you had a great Christmas, now it’s time to get back to the grind.

It is great to have a style guide for each project, especially when working in a team. This way, team members can easily take over the project without worrying about interfering with your style. (We wouldn’t want two different styles on a project, am I right?)

Did you know?

You can change all the colours of your buttons and text style of your fonts with a mere few clicks.

As a 3 part series consisting of Text Styles, Shared Styles and Symbols, we will be touching on Text Styles today. Let’s get going!

1 1 1

Here we have 3 different types of text. Title, Sub-Title and the Body copy.

2 1 1Step 1: Start by clicking on the text and “No Text Style”.

3 1 1Step 2: Upon clicking, you should be able to change the name of the style. By default it will key in the text of what is selected.

4 1 1Step 3: Change it to something you can remember. In this case, I will call it “Title”.

5 1 1Now, here is how text styles will be helpful to you. These text are all assigned to the different text styles.

6 1Step 4: Click on the text to see if there is a text style assigned to it, if not, assign one to it.

7 1Step 5: Change the properties of the selected text, I changed the font size from 30 to 24. After making the changes, click on the refresh icon.

8 1

That will change all the properties for the text under the Sub-Title text style.

9 1Hmm.. does it work for colours?

10Yes, it does! This saves so much hassle!

Hope you learned something! Stay tune in for more upcoming Sketch tips!


Our End-To-End Web Services.

JIN Design services icon - Start

Design & Development

Web design and web development for your  custom website requirements.

JIN Design services icon - convert

WordPress & Website

WordPress, Webflow or WooCommerce design & development services for your website needs.

JIN Design services icon - optimise

Convert & Optimise

Optimise your website  performance and enhance its Google PageSpeed score. 

JIN Design services icon - maintain

Website Maintenance

Maintain your website content and ensure your website is safe and secure.

More From the Blog.

Thumbnail for Top 17 Web Design Companies In Singapore

Top 17 Web Design Companies In Singapore

In today’s digital age, a company’s website is often a potential customer’s first impression of their business. A well-designed website attracts visitors, promotes engagement, and boosts conversion rates.

Thumbnail of Best SEO Courses Singapore

Best SEO Courses Singapore

Are you a business owner, marketing professional or simply an enthusiast looking to gain a deeper understanding of SEO? In this article, we’ll help you navigate the various

Thumbnail for email hosting Singapore

Best Email Hosting Singapore

Email remains an essential communication tool in today’s digital age, and businesses need to have a reliable and secure email service to succeed. This is especially vital for

Sage Animation

Best Graphic Design Companies in Singapore

Graphic design is an essential element of modern business and branding, and finding the right graphic design agency can make all the difference in achieving your marketing goals.

Thumbnail for SEO Agencies in Singapore

Best SEO Agencies in Singapore

Search Engine Optimisation (SEO) has become a critical component of any successful online marketing strategy. With millions of websites competing for attention, it’s essential to have a strong

thumbnail for UX UI Design Agency In Singapore

Top 30 UX UI Design Agency In Singapore

If you’re looking to enhance your website or mobile app’s user interface (UI) or user experience (UX) design, you need the expertise of a professional design agency. In