Skip to main content

UiKit for Eatonomy

This page is created to showcase the user interface kit and styles for Eatonomy’s website, apps and graphic design.

created by Gazizoff Digital

Headings

Heading Large

Heading Medium

Heading Small

Heading 1 (H1)

Heading 2 (H2)

Heading 3 (H3)

Heading 4 (H4)

Heading 5 (H5)

Heading 6 (H6)

Text

  • em element
  • ins element
  • mark element
  • q inside a q
  • strong element
  • Link Reset

Color modifiers

  • Muted Text
  • Emphasis Text
  • Primary Text
  • Secondary Text
  • Success Text
  • Warning Text
  • Danger Text
  • Meta Text

Buttons

Small

Default
Primary
Secondary
Danger
Text

Default

Default
Primary
Secondary
Danger
Text
Link

Large

Default
Primary
Secondary
Danger
Text

Cards

Default Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Primary card

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Secondary Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Sections

Default Section

Muted Section

Primary Section

Secondary Section

Tiles


Default Tile


Muted Tile


Primary Tile


Secondary Tile

Switcher

  • Title

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  • Title

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  • Title

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Accordion

Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Slideshow

Slider

  • Title

  • Title

  • Title

  • Title

  • Title

    Gallery

    Title

    Title

    Title

    Email sign up

    Default

    Name fields

    Map