1

(Format)

Vertical

1.1

UsageMobile DesignPoster DesignEditorial Design

1.2

GeometryVertical RatioLinear EdgesDefined Corners

1.3

PerceptionVisually TallerNarrow FocusTight Tension

1.4

BalanceCentral GravityStable LayoutStrong Axis

2

(Format)

Horizontal

(Format)

HRZNTL

Horizontal

(Format)

2

(P)2.3

(B)2.4

(G)2.2

(U)2.1

2

(Format)

Horizontal

2.1

UsageDesktop DesignPoster DesignTV & Films

2.2

GeometryStrong HorizontalsDefined CornersWide Ratio

Desktop
Screens

2.1
Usage

(Format)

(Format)

(Format)

(Format)

(Format)

(Format)

(Format)

(Format)

(Format)

(Format)

(Format)

(Format)

3 Circle

1

(Format)

Vertical

1.1

UsageMobile DesignPoster DesignEditorial Design

1.2

GeometryVertical RatioLinear EdgesDefined Corners

1.3

PerceptionVisually TallerNarrow FocusTight Tension

1.4

BalanceCentral GravityStable LayoutStrong Axis

1.3

PerceptionVisually TallerNarrow FocusTight Tension

1.1

UsageMobile DesignPoster DesignEditorial Design

1.2

GeometryVertical RatioLinear EdgesDefined Corners

1.3

PerceptionVisually TallerNarrow FocusTight Tension

1.4

BalanceCentral GravityStable LayoutStrong Axis

Vertical

(Format)

1

1.1

UsageMobile DesignPoster DesignEditorial Design

2

(Format)

Horizontal

A horizontal format feels stable and grounded, built on a long axis with four clear 90-degree corners that create a firm, balanced, orderly structure with a calm visual flow.

2.1

(Format)

Horizontal (Rounded)

A horizontal format with rounded corners keeps the same stability, but softens the edges, making the shape more fluid, friendly, and approachable, with a smoother, more organic visual rhythm.

12

1

2

3

4

5

6

7

8

9

10

11

(Format)

Circle

SideACircle Formatis centered
Calm and SmoothCurved EdgesNo SharpnessSideBCircle Formatis centered
Calm and SmoothCurved EdgesNo Sharpness

3

(Format)

Circle

TransformativeProgressiveDirectionalunstableComplexAngles(3)

TransformativeProgressiveDirectionalunstableComplexAngles(3)

Triangle

Triangle is a format that creates direction and movement,

adds visual tension, and brings a dynamic, energetic structure to any composition.

4

2.3

(Format)

Horizontal (Special)

2.1

UsageDesktop DesignPoster DesignTV & Films

2.2

GeometryStrong HorizontalsDefined CornersWide Ratio

2.3

PerceptionVisually WiderBroad FocusCalm Feel

2.4

BalanceStable LayoutStrong BaselineGrounded Feel

3

(Format)

Circle

2

(Format)

Horizontal

2

(Format)

Horizontal

2.1

2

(Format)

Horizontal

2.2

UsageDesktop DesignPoster DesignTV & Films
GeometryStrong HorizontalsDefined CornersWide Ratio
PerceptionVisually WiderBroad FocusCalm Feel

2

(Format)

Horizontal

2.1

UsageDesktop DesignPoster DesignTV & Films

2.2

GeometryStrong HorizontalsDefined CornersWide Ratio

2.1
Usage

Desktop
Screens

Triangle

4

(Format)

Triangle

Transformative
Progressive
Directional
unstable
Complex
Angled
(4)

0
0

The format is Part of the Bigger idea (0)

1

(Format)

Vertical

1.1

UsageMobile DesignPoster DesignEditorial Design

1.2

GeometryVertical RatioLinear EdgesDefined Corners

1.3

PerceptionVisually TallerNarrow FocusTight Tension

1.4

BalanceCentral GravityStable LayoutStrong Axis

(Advice)

(Advice)

Split format Into smaller (1)

Make the Edges work (2)

Click...

Clack...

click, clack, click...

click, clack, click...

12

1

2

3

4

5

6

7

8

9

10

11

(Format)

Circle

Format — Obys and DES Special Project

Sorry, this experience is designed
for desktop devices.