Mobile app version of vmapp.org
Login or Join
Ann6370331

: Define different styles for typography with SketchApp How can I define styles for typography with SketchApp? For example, I have a H4 with these variants: Normal Bold Colorful I defined as:

@Ann6370331

Posted in: #Css #SketchApp #Typography

How can I define styles for typography with SketchApp?
For example, I have a H4 with these variants:


Normal
Bold
Colorful


I defined as:



It seems very unorganized and helps the developer to define the style in the CSS.

I can't assign different styles to an element with SketchApp as HTML.
I would avoid assigning individual styles for each element and create a Styleguide instead.
How can I fix it?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Ann6370331

2 Comments

Sorted by latest first Latest Oldest Best

 

@Steve758

You can try to organize your styles in "folders" or groups. If you name a style "h4/BodyBold/color" and another "h4/BodyBold/Default", they will behave as nested folders, making it much easier to select and understand:

10% popularity Vote Up Vote Down


 

@Moriarity648

There are two cases here:


You can make a style of text.
You can make a text symbol.


First case (creating style) is defined below. For second case follow the link.

Write a text and make it bold, color it and add all the stylings you require.


Just above the Typeface(Font Name of text) No text style is written select create a new text style and name it.

Write another text with different or default text attributes and select style from the same place.

You can see it'll pick all the attributes of that specific text style.

NOTE: If you change one text i.e. unbold it it'll not effect the other one. In order to change attributes of one heading and it'll change them everywhere in the document you need to create a symbol of text.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme