voog.design

Popovers

Voog popovers

Voog provides a constrained, purposeful set of typographic styles. These styles map as much as possible to functional roles so you know when each can be used.

Default popover

Meggings cred before they sold out messenger bag, ugh fashion axe Pitchfork.

  • Something here

WEBC 5.0

Light popover.

  • Something here

WEBC 5.0.1

Dark popover.

  • Something here

WEBC 5.0.3

Blue popover.

  • Something here

WEBC 5.1

Popover with icon.

WEBC 5.2

Popover with max 8 icons.

  • Object

  • Done

WEBC 5.3

Editable object indicator.

  • Object

  • Save

WEBC 5.3.1

Editable object indicator.

  • Object

WEBC 5.3.2

Text + two icons.

Extended popover

Meggings cred before they sold out messenger bag, ugh fashion axe Pitchfork.

WEBC 5.4

Extended popover with action items. Max 4 items.

WEBC 5.4.1

Hover state.

Action popover

Meggings cred before they sold out messenger bag, ugh fashion axe Pitchfork.

  • Page settings

  • Duplicate page

  • Change visibility

  • Create sub-page

  • Move under

  • Delete

WEBC 5.7

Small action popover.

  • Group header

  • Page settings

  • Duplicate page

  • Second header

  • Create sub-page

  • Move under

  • Delete

WEBC 1.4.1

(Form) popover with group header.

  • Page settings

    Reorder pages & languages

  • Blogs

    Manage blog posts

  • Forms

    Review form entries

  • Catalogs

    Manage content databases

  • Store

    Review orders & products

WEBC 5.8

Fat popover.