FUNDAMENTALS

FRAME

Holds everything.

FRAME

FRAME NAME CONVENTIONS

A frame or element inside another frame is referred to its children.

CHILD

PARENT

GRANDPARENT

STACKS

Percentage based sizing.

GRID

Auto layout in grid formation.

GAP

Set space between elements.

PADDING

"Invisible inner border" space around your frame.

SIZING

FIXED

Fixed size. Never changes.

160PX

RELATIVE

Percentage based sizing.

80%

FILL

Fill as much space as available.

FILL

FIXED

FIT CONTENT

Takes up no more space than required.

FIT THIS CONTENT

POSITIONING

RELATIVE

Relative to every element with stack layout applied.

ABSOLUTE

Changes the positioning of that frame, without affecting the others.

STICKY

Stuck to a set position in a parent frame on scroll.

0%

50%

100%

FIXED

Stuck position on the viewport.

COMPONENTS

COMPONENT

Global & reusable element. Any frame can become a component.

COMPONENT

VARIABLE

Change specific fields like text or color specific to one instance.

TEXT TITLE

VARIANT

Different versions of the same component.

COMPONENT

CMS

COLLECTION

The newspaper itself. The collection holds all of your CMS items.

ITEM

The posts / items inside a collection. E.g; Articles within a newspaper.

FIELDS

Fields required to add a new CMS item. E.g; Text, Option, Content