This page brings together the meanings of terms used in Studio.Design along with related features and help articles. Use it to quickly get an overview of what each feature does.
A
Analytics
Analytics
Analytics is a feature that lets you check site traffic right from the Studio.Design dashboard. No special setup is required — you can start using it as soon as your site is published.
Related articles
SEO
SEO
SEO refers to the steps you take to help your website appear higher in search results on engines like Google when people search for specific keywords.
Ranking higher can help drive more traffic to your site.
Related articles
Parent box
Parent box
A parent box is the outer box when one box is placed inside another.
Related articles
C
Custom code
Custom code
Custom code lets you add your own HTML, CSS, or JavaScript to your entire Studio.Design website or to individual pages. A paid plan is required to use this feature.
Related articles
Social cover image (thumbnail / OGP)
Social cover image (thumbnail / OGP)
A social cover image — also known as a thumbnail or OGP image — is the image that appears when your URL is shared on social media or shown in search results.
Setting an image that matches your page content makes it easier for people to understand what your post is about and helps it stand out on social media.
Related articles
Carousel
Carousel
A carousel lets you display multiple pieces of content in a sliding format. Studio.Design offers two types: a static list carousel and a dynamic carousel that uses external data from Studio CMS or an API.
Related articles
Gap
Gap
A gap is the spacing between multiple boxes. Setting a gap applies even spacing between boxes all at once.
Related articles
Published site language settings
Published site language settings
This feature lets you specify the language used across your entire website or on individual pages.
Setting the language helps search engines, translation tools, and screen readers correctly identify the language. This leads to more accurate search results and better handling by translation and read-aloud tools.
Related articles
Publish panel
Publish panel
The publish panel opens when you click [Publish] in the top right of the design editor. From here, you can configure your domain and publish or update your site.
Related articles
Structured data (JSON-LD)
Structured data (JSON-LD)
Structured data (in JSON-LD format) is data that clearly communicates the structure and role of content on a page to search engines.
Search engines like Google may use this data to display your website as a rich result (rich snippet) in a more prominent way. Standing out in search results can help improve your click-through rate.
Related articles
Child box
Child box
A child box is the inner box when one box is placed inside another.
Related articles
CMS
CMS
CMS
CMS stands for Content Management System.
A website is made up of two main elements: visual design and content. A CMS separates the content from the design, stores it in a database, and manages it from there.
Since content is updated directly in the database, you can add and edit content without any design or coding knowledge.
A CMS is well suited for content that's regularly added or updated using the same design — such as news, blogs, columns, and case studies.
Related articles
CMS item
CMS item
A CMS item is a single piece of content data (for example, one article or one team member) within a CMS model. Each CMS item is made up of related information such as a title, body text, and images (CMS properties).
Related articles
CMS model
CMS model
A CMS model is a framework for managing the same type of content data (CMS items) together.
For example, if you're managing news and IR articles on a corporate site with Studio CMS, you'd typically set things up like this:
Create a CMS model to manage all your published articles.
Within that CMS model, add each news, press release, or IR article as a "CMS item."
For each CMS item, set related information such as the title, body, publish date, image, and category as "CMS properties."
With Studio.Design, you can publish CMS items registered in a CMS model as a list page or article page, like the news page on the Studio corporate site.
When managing multiple types of content, create a separate CMS model for each use case.
Related articles
CMS property
CMS property
A CMS property is a piece of related information added to a CMS item.
You can flexibly add different types of information to each item — such as text, images, numbers, colors, or selects — and use them for design and layout in the design editor.
You can also use the feature that references another model and registers it as a property (a reference property) to create a relationship between models and link them dynamically.
Related articles
Style panel
Style panel
The style panel is where you register and manage text and color settings.
Text settings are managed in the [Text Styles] tab, and color settings in the [Color Styles] tab.
Related articles
Studio.Design subdomain
Studio.Design subdomain
A Studio.Design subdomain is a domain automatically assigned to your project when you create it in Studio.Design.
The domain follows the format "example.studio.site." By default, the example portion is set to a random string, but you can change it to any text you'd like at any time.
Related articles
Standard page
Standard page
A standard page is a page with fixed content that's created in advance. It's best suited for pages that don't change often, such as a company overview or landing page.
Related articles
Description
Description
A description is the text shown in search results and when your site is shared on social media. Writing a clear, concise description that explains what your site is about can encourage more people to visit.
Related articles
D / T
Account deletion
Account deletion
Deleting your account closes your Studio.Design account. Once deleted, you'll lose access to all account information and projects.
*This is different from canceling a plan.
To prevent fraud, the email address used on a deleted account generally cannot be used to create a new account. If you have a special circumstance that requires re-registering, please contact our customer support team at contact@studio.design.
Related articles
Title
Title
The title is the text shown in your browser tab, in search results, and when your site is shared on social media. A clear, concise title can help encourage more people to visit your site.
Related articles
Downgrade (canceling a plan)
Downgrade (canceling a plan)
A downgrade means switching from your current plan to a lower-tier plan for your project.
Related articles
Dashboard
Dashboard
The dashboard is where you manage settings for your entire project (website). From here, you can manage your plan, CMS data, and forms, as well as check site traffic in Analytics.
Related articles
TLS certificate
TLS certificate
A TLS certificate encrypts the communication between your website and its visitors, allowing information to be exchanged securely.
With Studio.Design, TLS certificates are automatically issued and renewed when your site is published — whether you're using a custom domain or a Studio.Design subdomain.
Related articles
DNS
DNS
DNS (Domain Name System) is the system that manages and operates domain names on the internet.
It translates human-readable "domain names" (like studio.inc) into "IP addresses" (like 34.111.141.225) that computers understand, making it easy to access websites.
To publish a Studio.Design site using a custom domain, you'll need to configure your DNS to link your domain name with Studio.Design's IP address.
Related articles
Design editor
Design editor
The design editor is where you design your website in Studio.Design. You can add pages and the elements needed for your design, set up animations, and more.
Related articles
Dynamic page
Dynamic page
A dynamic page is a page whose content changes based on linked data (such as Studio CMS) or set conditions.
When a user visits the page, the latest available data is referenced, and text or images update accordingly. Dynamic pages are ideal for frequently updated content where you need to swap out content within the same design — such as blog posts or announcements.
While standard pages always show the same content, dynamic pages update based on data changes or conditions.
Related articles
Custom domain
Custom domain
A custom domain is a completely original domain that you obtain and manage through a domain provider.
Examples of domain providers include:
"Onamae.com," "Mumu Domain," "Sakura Domain," "Xserver Domain," "Squarespace," and more.
URLs can take formats like "example.com" or "example.jp." You can choose any text for the example portion, and you can also pick the domain extension at the end.
Once you've registered a domain, you can keep using it even if you change your server or service.
Related articles
Domain
Domain
A domain is a string of characters that acts like an "address" for identifying a website on the internet. It's a human-readable name assigned to a numeric IP address, and it's used as part of a URL.
For example, in the URL "https://studio.design/ja," the `studio.design` part is the domain name.
Related articles
N
noindex
noindex
noindex
noindex is a setting that prevents specific pages from appearing in search engine results. Use it to exclude pages you don't want to be public or to remove duplicate content from search results.
Related articles
P
Path
Path
A path is the part of a website's URL that points to a specific location within the site. It's everything after the "/" that follows the domain name. (For example: "/about" or "/contact.")
For dynamic pages, the path appears as :slug in the editor and is managed by the Slug of the corresponding CMS item. You can edit the slug from the CMS dashboard.
Related articles
Padding
Padding
Padding is the spacing set inside a box. For example, when adding a background color to a button, setting padding expands the background color along with the spacing.
Related articles
Left panel
Left panel
The left panel is the general name for the panel that opens on the left side of the design editor. Use it to add elements like boxes that make up your site, and to manage things like pages and layers.
Related articles
Boolean
Boolean
A boolean is a property that manages information as either an ON or OFF state. It's also referred to as "boolean" or "Boolean."
Related articles
Form dashboard
Form dashboard
The form dashboard is where you view and manage responses collected through Studio.Design's form feature. To edit the form's design or fields, use the design editor.
Related articles
Breakpoint
Breakpoint
A breakpoint is the screen width at which the layout changes in responsive design. In Studio.Design, these screen widths act as the boundaries where you can adjust design and layout for each breakpoint.
Related articles
Project
Project
A project is the unit used to create and manage a website in Studio.Design. Each project keeps everything together — page creation and design, CMS data and form settings, plan status, publishing settings, and more.
Related articles
Pages panel
Pages panel
The pages panel shows a list of all the pages in your site.
You can change the display names and the order within the panel, making management easier when multiple people are working on the site.
Related articles
M
Margin
Margin
Margin is the spacing set outside a box.
Use it when you want to create distance between elements, or when you want elements to overlap (by setting a negative margin).
Related articles
Right panel
Right panel
The right panel is the general name for the panel that opens on the right side of the design editor. Use it to adjust design settings for each box, edit linked data, and configure meta information for your site and pages.
Related articles
R
Layers panel
Layers panel
The layers panel shows a list of all the elements (boxes) placed on a page, including text, images, and more.
It lets you visually check the hierarchical structure (layers) of your elements, so you can select and edit them, change their order, rename them, and review their design and responsive settings.
Related articles
Responsive
Responsive
Responsive design is the practice of optimizing your website's layout and design to fit different screen sizes.
In Studio.Design, you can adjust box placement, size, text styles, and more at each breakpoint to create a design that works across a range of screen widths — including desktops, tablets, and smartphones.
Related articles