Skip to main content
The Civic at Frisco Square logo

Logo Primary

The Civic at Frisco Square logo inverse

Logo Inverse

Logo Mark

Logo Mark Inverse


Colors

Midnight Blue

#333E48

Light Blue

#7897AB

True White

#FFFFFF

True Black

#000000

White Smoke

#F5F5F7

Typography

Primary Font

Heebo
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

Secondary Font

Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

Primary Font

Gilroy
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

Secondary Font

Proxima Soft
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
  • em element
  • ins element
  • mark element
  • q inside a q
  • strong element
  • Link Reset
  • Text Muted
  • Text Emphasis
  • Text Primary
  • Text Secondary
  • Text Success
  • Text Warning
  • Text Danger
  • Text Meta
  • Default
  • Success
  • Warning
  • Danger
  • 1
The quick brown fox
The quick brown fox
The quick brown fox
The quick brown fox
The quick brown fox
The quick brown fox
The quick brown fox
The quick brown fox
The quick brown fox
The quick brown fox
The quick brown fox

Lead and Meta

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

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.

Written by Super User on .
Posted in Blog

Large and Small

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

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.

Written by Super User on .
Posted in Blog


Lists

  • List item 1
  • List item 2
  • List item 3
  • List item 1
  • List item 2
  • List item 3
  • List item 1
  • List item 2
  • List item 3
Description lists
A description text
Description lists
A description text
  • Item 1

    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.

  • Item 2
  • Item 3

Buttons




Widths

Small
Medium
Large
X-Large
2X-Large

Cards

Hot

Default

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

Button Button

Hot

Primary

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

Button Button

Hot

Secondary

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

Button Button

Hot

Hover

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

Button Button


Tiles

Default

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

Button Button

Muted

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

Button Button

Primary

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

Button Button

Secondary

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

Button Button


Forms

Horizontal

Radio
Checkbox

Sizes

Widths

Stacked

States and styles
Legend
Radio
Checkbox
Icon
Icon Link

Overlay

Default

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Primary

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Icon


Slider

  • Default

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

  • Primary

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

  • Secondary

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

  • Default

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

  • Primary

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

  • Secondary

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

  • Default

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

  • Primary

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

  • Secondary

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


Transitions

Overlay

Fade

Overlay

Scale Up

Overlay

Slide

Overlay

Slide Small

Overlay

Slide Medium

Slow

Overlay

Fade

Overlay

Scale Up

Overlay

Slide

Overlay

Slide Small

Overlay

Slide Medium


Decorations