Article Studio Basics

You'll learn how to use the Article Studio to create and enhance the article versions of your publications.

In this article we'll cover:

• How to extract the content from PDF to the article builder
  
• Article Studio headbar explained
• Text editing toolbar
• Image tools
• Other tools
• Creating styles
• Creating a brand kit

Extracting content to build the article version

To start building the article version page, click on the content items on the right side page preview:

Article Studio headbar

Text editing toolbar

Select the text to apply the following formatting:

Image Settings

Select an image and click the pencil button to access the image settings:

The image settings will open up on the left side:

• In the Edit section you can change dimensions of the image by either typing in % or pixels:
  
  
• To make the image corners more round, adjust the value of the corner radius:
  
  
• It's also possible to adjust the opacity of the image:
  
  
• You can flip an image by height or width using an image editor's flip tool:
  
  
• Info section:
  

This section is designed to add accessibility details, descriptive text, and attribution information to images in your articles. It helps make your content more accessible for screen-reader users, provides optional captions or tooltips for readers, and allows you to properly credit image sources and choose how that information is displayed.

Alt Text
Write a short description of the image so screen readers can interpret it for visually impaired users.

Caption
An optional line of text that appears beneath the image.

Tooltip
Optional text that appears when someone hovers over the image.

Creator
Name of the person or organization who created the image.

Source
A URL or reference showing where the image came from.

License
Select the appropriate usage license for the image.

Display Options - Position
Choose where the image information is displayed

• To replace an image, select it and click on the first button to choose a new item from the media library:
• To apply masks, click on the Crop button:
  
  

Other tools

Create styles

Within the article editor, you have access to predefined formatting styles that help maintain consistency across your articles. You can select from the available system styles, create custom styles to fit your brand, and adjust them at any time. The styles menu enables you to combine color palettes with text and font options, or choose each element separately to match your publication’s needs.

 

To apply a combination of text styles or a color palette, simply click on the desired style block..

Create a brand kit from scratch

Customize your article branding by setting your preferred typefaces, font sizes, styles (Bold or Italic), and line spacing. Brand presets combine typography and color palettes, and can be created for titles, subtitles, headings, subheadings, section headers, body text, quotes, and captions.

To create a brand kit:

1. Go to the Brands section and click + sign:
   
   
2. Give the brand kit a title and click Create Brand:
   
   
3. To set the colors for the kit, click the meatball menu and then Edit:
   
   
4. Modify the default colors, give the pallette a name and add more colors to the pallette. Once done, click Save.
5. To edit text styles, click See all and then the pencil icon to modify each text section:
   
   
6. To upload new fonts as well as to see the existing font list, click Manage uploaded fonts: