Découvrez ggoood ma curation d'outils pour booster votre productivité

Modular & Reusable

Style Guide

Colors

Primaries and greys

Primary

Primary 1

Primary 2

Primary 3

Primary 4

Gray

Grey 1

Grey 2

Gray 3

Gray 4

Status

Success

Warning

Danger

Info

Type

Headings, body and other common text elements.

Display 1

Display 2

Heading one

Heading two

Heading three

Heading four

Heading five

Heading six

Heading six small

Lead Text

Lead Link

Body Text

Text Link

Underlined Link

Small Text

Small Text Muted

Small Caps

Icons

Common interface and social network iconography

Interface icons

Social icons

Buttons

Component, text style and size variations

Sizes

Small

Standard

Large

Variations

Filled

Outline

Round

States

Default

Disabled

BG White

Disabled

Cards

Structural component for displaying boxed content

Subtitle

Card Title

Text in the card body. A flexible aesthetic makes Foray the perfect starting point for all websites, from portfolio to product brochure.

Large Button

Card Title

A flexible aesthetic makes Foray the perfect starting point for all websites, from portfolio to product brochure.

Underlined Link

Forms

Size and state variations for text inputs and selectables.

Input Sizes

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Badges

Combine with other components to display metadata

Primary

Primary 1

Primary 2

Primary 3

Primary 4

Gray

Gray 1

Gray 2

Gray 3

Gray 4

Status

Success

Warning

Danger

Info