Built with Layout
    Skip to content
    Layout

    Getting Started

    IntroductionInstallationTypographyColors

    Components

    BadgeButtonCardCheckboxDropdown MenuHover CardInput FieldPopoverProgressRadio GroupSelectSliderSwitchTableTabsTextareaTooltip

    Updated Thu 27 Feb, 11:31

    Design System

    Flexoki is an inky color scheme for prose and code. Flexoki is designed for reading and writing on digital screens. It is inspired by analog inks and warm shades of paper.

    Flexoki is minimalistic and high-contrast. The colors are calibrated for legibility and perceptual balance across devices and when switching between light and dark modes.

    Flexoki is open-source under the MIT license. Flexoki is created by Steph Ango (https://stephango.com/flexoki).

    Badge

    v2
    Loading component preview...

    Installation

    Usage

    Button

    v2
    Loading component preview...

    Installation

    Usage

    Card

    v2
    Loading component preview...

    Installation

    Usage

    Checkbox

    v2
    Loading component preview...

    Installation

    Usage

    Dropdown Menu

    v2
    Loading component preview...

    Installation

    Usage

    Hover Card

    v2
    Loading component preview...

    Installation

    Usage

    Input Field

    v2
    Loading component preview...

    Installation

    Usage

    Popover

    v2
    Loading component preview...

    Installation

    Usage

    Progress

    v2
    Loading component preview...

    Installation

    Usage

    Radio Group

    v2
    Loading component preview...

    Installation

    Usage

    Select

    v2
    Loading component preview...

    Installation

    Usage

    Slider

    v2
    Loading component preview...

    Installation

    Usage

    Switch

    v2
    Loading component preview...

    Installation

    Usage

    Table

    v2
    Loading component preview...

    Installation

    Usage

    Tabs

    v2
    Loading component preview...

    Installation

    Usage

    Textarea

    v2
    Loading component preview...

    Installation

    Usage

    Tooltip

    v2
    Loading component preview...

    Installation

    Usage