A Record
A records are the most basic type of DNS record and are used to point a domain or subdomain to an IP address.

Admin (Website Settings)
Where you adjust the website name, subdomain, custom domain, favicon, and website description.

Alignment
Alignment refers to the horizontal positioning of an element relative to its parent element. Elements can align left, right, or center.

Alt Tags
Alternative Text is a word or phrase that can be inserted as an attribute in an HTML document to tell website viewers the nature or contents of an image. The alt text appears in a blank box that would normally contain the image.

Auto-Play
Functionality that causes a video, audio file, etc. to play automatically, without action from a user.

Background Box Fill
Designs applied to any element will be applied to both inside the element, as well as its padding and margins.

Background Full Fill
Designs applied to any element will be applied inside the element, but not to its padding and margins.

Background Image
The image that is set as the background inside any element, grid, section, page, or website. It spans the entire width and height of its container and it exists behind anything else in its container.

Background Height
The height of your browser window. Elements made to "match browser height" will be resized to the height of the browser at the time the page is loaded.

Blend Mode
Blend mode is how two or more images, video, or colors that overlap each other interact. Instead of the topmost element being the only one visible, a blend mode can be used to have the overlapping elements blend together in a variety of ways, producing an output that is a combination that looks different than any individual member of the group.

Block Quote
A quotation in a written document that is set off from the main text as a paragraph, or block of text.

Border
The stroke around an element. Borders can be applied in the stroke panel.

Box Fill
Box Fill options allow the size of an element to automatically resize based on the size of the browser window in which the site is being viewed

Bread Crumbs
A navigation scheme used to reveal your place in a hierarchy. In Brandcast, bread crumbs (located in the bottom left corner of the browser) will show the hierarchy of a selected element. By clicking any element listed in the breadcrumbs you can immediately select it. 

Browser
A program on your computer that allows you to visit websites (examples: Chrome, Firefox, Safari, Edge).

Browser HeightThe total height of the browser window. The "Match Browser Height" option in Brandcast makes any element or grid fit the entire browser window size across all devices.

Browser Window
The browser window is all the contents of a given web page. In the case of Brandcast, the browser window contains all of the Design Studio interface as well as the webpage you are working on inside of that.

Corners
Found in the Stroke Panel, Corner Controls sets the roundness of the corners.  Larger values mean more roundness.  You can use the “Link All” checkbox to make all four corners the same value.  This can be used to create a slight round to corners or make circular shapes.

Cover
Found in the Background Image Panel, the cover option allows you to scale the background image to be as large as possible so that the background area is completely covered by the background image. Some parts of the background image may not be in view within the background positioning area.Custom Styles
Global Styles is a powerful way to control the default styles and behaviors of all elements on your website, per each device mode type (desktop, tablet landscape, tablet portrait, smart phone).  

Child
A child is an element that is contained withing another element. For example, a container element may contain a text element. In this case the container is the parent element, and the text the child element.

Color Panel
The control panel allows you to change text color, fill (background) color, stroke color, and blending mode of a selected element.

Column
One of the vertical sections inside a grid element.

Container Element
A foundational element into which other elements (like text and images) can be added. When editing a container, all elements in the container will be affected. 

Default State
The state of an element viewed when it is not on hover mode.

Designer
The role that has full access to studio editing capabilities.

Design Studio
The portion of the Brandcast platform where websites are designed and updated.

Device Mode (Mobile Tools)
Device mode allows you to design multiple versions of your website based on the different screen sizes of both mobile and desktop screen sizes.  There are four screen sizes to choose from: desktop, tablet landscape, tablet portrait, and smart phone.

Dimensions Panel
The control panel which allows you to change padding, width, height, padding, margin, gutter, and other size and spacing properties of a selected element.

DNS
Domain name servers maintain a directory of domain names and translate them to Internet Protocol (IP) addresses.

Easing Curve
An easing curve is a curved line that represents how an element should transition between two states.

Element
Elements are the objects that make up a webpage. Some have a specific use (such as text or video elements) and some are used for layout purposes and will contain other elements (such as containers and grids). All available elements can be found on the left tool bar.

Fill Color
The fill color of an element is essentially it's background color. Any area of and element not obstructed by other elements it contains will show through as it's fill color.

Filters
A filter is a particular effect that can be applied to an image.

Fix to Page (positioning)
Selected element will fix to an exact position on a page.  This is often an image or text box being fixed to a container or grid.

Fix to Parent (positioning)
Selected element will fix to an exact position within its parent element.  This is often an image or text box being fixed to a container or grid.

Fixed Background
This option locks the image in place, creating a parallax-like effect on scroll.

Focus Frame
The highlighted area around the edges of a selected element. It indicates what you have selected on a page and allows you to control the margin, size and padding via the handles. You can also drag an element to a new location by clicking within its focus frame.

Font Case
Case can force all characters to be upper or lower case.  This setting is for display only and the capitalization of the actual text will not change.

Font Size
This controls the size of the font as it appears on screen.  It supports pixels (“px”), ems (“em”), and percentage (“%”).  By default, if you type in a number it will assumed to be pixels (“px”).

Font Weight
This property controls the thickness of the lines in a font.  It is not available to every font family.  TIP: Using too many font weights on your website can have an adverse affect on page performance as they all must be loaded separately.

Full Bleed
An element that spans the entire width of a browser window.

Global Styles
Global Styles is a powerful way to control the default styles and behaviors of all elements on your website, per each device mode type (desktop, tablet landscape, tablet portrait, smart phone).  

Grid Element
The foundational element composed of one or more columns into which other elements are placed. Grids are used to organize and position multiple pieces of content and assist in proper responsive design.

Grid System
In web design, a grid system is a structure comprising a series of horizontal and vertical lines which intersect and are then used to arrange content.

Gutter
The blank space that separates columns in a grid.

Gutter-width
The width of the space between columns.

Handles on Focus Frame
The control nodes which located on the top center and bottom center of the focus frame on a selected element or section. The margin can be controlled by moving the green square handle. The section height can be controlled by moving the blue circular handle. The padding can be controlled by moving the blue square handle.

Heading (H1-H5)
Headings are a way to definite certain text blocks as being more important to the page. You can assign styles to each heading 1-6 so that each has a standard look across a website.

Height
Height is the vertical size of an element. It is often represented as an "y" value. It can be expressed as both a specifc value in pixels (px) or as a relative (percentage) value.

Hexidecimal Color Value
A hexidecimal color value is a 6-digit string representing red, green and blue values. It will pre preceded by a "#", e.g. #af033d. Read more about hexidecimal colors here. (link: http://www.w3schools.com/colors/colors_hexadecimal.asp)

Hover State
Hover states allow you to control the design and behavior of any element when a mouse cursor "hovers" over the element in order to create interesting movement and interaction for the end-user.  Hover States may be set in-line (one spot on one page) as well as globally in your global styles panel.

Image Element
The foundational element into which an image is placed.

Inline Styles
Formatting applied directly to an element, overwriting any global style applied.

Left Toolbar
All of the tools that reside on the left side of the Brandcast interface. These tools allow you to add elements to your page.

Letter Spacing
Found in the text panel, letter spacing controls the spacing between each character in a word.

Line Height
Found in the text panel, line height controls the space above and below lines of text.  It will need to be increased as font size increases to avoid text lines from overlapping.

Link
A hyperlink on a web page to another page or resource.

Live Preview
A preview of a live video on your site.

Loop Video
Option that allows video to play continuously on the site.

Margin
The empty space outside the edge of an element.

Marketer
A role a user can be assigned to.

Master Pages
Master formatting and templating. Coming soon.

Match Site Width
Match any element or grid width to the width of the site.

Max Width
Max width is a property that specifies how large an element can be. It allows for the element to be smaller than, but no larger than the specified value.

Media Library
The place where all the content on a page (blocks of text, images, and videos) is stored and organized in Brandcast. All content stored in the media library can be dragged and dropped into any element on the page.

Menu
The link navigation (link / nav menu), directing the user to various pages and sections within the site.

Normal Positioning
The element sits relative to its parent element, grid, or entire page.

Ordered List
A numbered list of items.

Opacity
Opacity, also referred to as "Alpha Channel", is the translucency of an element. It ranges from totally transparent (0%) to completely opaque (100%)

Outline Mode
Outline view is used for showing and hiding the colored lines of the focus frame that appear on a page in the design studio. Outline view can be used to get the cleanest preview of what the page will look like when published and visited by a user.

Overflow
The overflow property specifies what happens if content overflows an element's box. This property specifies whether to hide or show content when an element's content is too big to fit in a specified area.

Padding
The empty space inside the edge of an element.

Page
Short for "web page." When working in Brandcast, you can see one page at a time in the Design Studio. Every Brandcast website contains at least one page.

Page Description
The description of your website within the Brandcast design studio.

Page Metadata
The site name, site title and description of your site, which can be adjusted in the website settings.

Page Structure
The Page Structure Panel is a clickable view of all elements on a page, expressed as expandable hierarchy trees beginning a topmost element.The Page Structure is particularly useful in selecting elements to edit after you have layered and animated many elements over one another.  Selecting an element in the hierarchy tree will correspondingly select that element on the page to edit.

Page Title
The name of the page as set in the website settings.

Panel
A pop-out repositionable menu. Clicking a control icon on the right toolbar (controls toolbar) expands to show all options for that control.

Parent
A parent is an element that contains another element. For example, a container element may contain a text element. In this case the container is the parent element, and the text the child element.

Pixel (px)
The smallest area of programmable color on a computer display. It is the basic unit of measurement used in web design. Pixel is often shortened to "px".

Positioning
The positioning panel allows you to determine the relative, fixed, static, or absolute positioning of any element in relation to its the parent element or to the page.  

Publish
A Brandcast website will not be accessible to be viewed outside of the Design Studio until it is published. Publishing a page makes it immediately available to web traffic at the subdomain that you have specified (e.g. mysite.brandcast.io).

Repeat (images/background images)
Found in the Background Image Panel, the background-repeat property sets if and how a background image will be repeated. By default, a background image is repeated both vertically (x-axis) and horizontally (y-axis).

Responsive Design
A web design approach where the layout is flexible and accommodates to multiple devices, screen sizes, platforms and orientations without making multiple websites. A website built on Brandcast will automatically respond to the user’s viewing preferences.

RGB Slider
Found in the color panel, RGB color is adjusted by sliding the red (R), green (G), and blue (B) sliders you can additively mix the three colors to create a specific color.

Right Toolbar
All of the tools that reside on the right side of the Brandcast interface. These tools allow you to control the look and feel of individual page elements.

Rotate
Found in the transform panel, this option rotates the element clockwise from its current position.

Ruler
The dimensions guide at the top of the screen in the design studio.

Scale
Found in the transform panel, scaling is a linear transformation that enlarges (increases) or shrinks (diminishes) elements by a scale factor that is the same in all directions. The result of uniform scaling is similar (in the geometric sense) to the original.

Screen (browser, window, screen, page)
The screen refers to everything contained on your devices monitor. It can contain a browser window with a web page as well as other programs.

Section
In web design, a grid system is a structure comprising a series of horizontal and vertical lines which intersect and are then used to arrange content.

SEO
Search engine optimization. 

Show/Hide on Device (Mobile Tools)
The ability to hide and display specific elements on desktop or mobile.

Site Map
The website wireframe view found directly before entering the design studio.

Site Width
Site width is essentially the maximum width of the content of a site. This is seen when on a very large screen. The content will stretch up to the site width and will not continue to grow past its specified width. Background images and colors may persist outside of this width, but the layout and the content within will not continue to grow.

Skew
Found in the transform panel, this option tilts an element to the left or right, like turning a square into a parallelogram.

Space After
The space below the text, adjusted in the text panel.

Space Before
The space above the text, adjusted in the text panel.

Split / Stack Grid
Stack or split grid are typically used when optimizing your sites for mobile across all window sizes.  By previewing the site at a smaller viewport you can decide if the content is best presented as it is by default, as a single stack or as a 2-column split, with odd-numbered leftover columns rendering as a final, full-width element.

Stroke Color
The color of the stroke of an element. this is typically going to be any borders applied to the element.

Stroke Panel
The control panel which allows you to change and style strokes on a selected element.

Styles
Formatting applied to an element in the Global Styles Panel.

Swatch
The preview icon of a saved color in the color panel. These can be added, deleted, and applied to elements.

Template
Pre-designed websites. Coming soon.

Text Color
The color of the text. 

Text Indent (text)
Controls the amount of indent for the first line of a block of text.

Text Element
The foundational element which contains and renders text.

Top Toolbar
All of the tools that reside in the top row of the Brandcast interface.

Transform
Transform is an action taken on an element to change it's shape and position, such as scaling, and rotating it.

Transform Panel
The control panel which allows you to move, scale, and rotate a selected element

Translate
Translate is the vertical or horizontal offset of an element. For example, an "x transform" of -50px will move the element 50 pixels to the left of its starting position. A "y transform" of 25px will move the element 25 pixels up from its starting position. "x" and "y" refer to the horizontal and vertical dimensions.

Unordered List
A bulleted list applied to text.

URL Slug
The exact address of a specific page or post on your site. For example, if you add a page titled "Contact," its automatic URL slug is http://www.yourdomain.com/contact.

Video Element
The foundational component into which a video is placed.

Viewport
The screen the website is viewed on: smartphone / tablet portrait / tablet landscape / desktop.

Visited State
The state of an element after it has been clicked or hovered on. 

Website Settings
Located in the upper left drop-down menu upon clicking on the "B" icon, this where the website description, title, URL, favicon, and meta tags are set.

Website Description
The description of your website within the Brandcast design studio. This has no bearing on the metadata of your published site.

Website Title
The name of your website within the Brandcast Design Studio. This has no bearing on the metadata of your published site.

Width
Width is the horizontal size of an element. It is often represented as an "x" value. It can be expressed as both a specifc value in pixels (px) or as a relative (percentage) value.

Did this answer your question?