Novicell Frontend

Overview

Welcome to

Novicell
Design
System

Novicell
Design
System

Explore our component library in the lefthand menu

components

Examples
Atoms
- Buttons
  - Button
    - Default
    - Ghost
    - Large
    - Scale
    - Leftright
    - Topbottom
    - Gradient
    - Link
    - Mailto Link
    - Submit
- Forms
  - Checkbox
  - Datepicker
  - Input
    - Default
    - Text
    - Email
    - Password
    - Search
  - Label
  - Radio
  - Select
  - Textarea
- Headings
  - Heading
    - Default
    - Column
    - Footer
  - Heading Page
    - Default
    - Pageheader
- Image
  - Default
  - Bg
  - Measure
- Links
  - Link
    - Default
    - Phone
    - Email
  - Link Button
    - Default
    - Link Ghost
    - Ghost
  - Link Social
    - Default
    - Facebook
    - Twitter
    - Google Plus
- Loaders
  - Loader Bar
  - Loader Spinner
    - Default
    - Large
- Logo
- Paragraph
  - Default
  - Pageheader
- Scroll Progress Bar
- Svg Icon
- Svg Text
Molecules
- Animate On Scroll Wrapper
- Box
  - Box
  - Box Image
  - Box Image Duotone
  - Icon Box
  - Text Box
    - Default
    - Centered
- Breadcrumb
- Cookie Info
- Form Field
  - Default
  - Email
  - Password
  - Search
  - Textarea
  - Button
- Link List
  - Default
  - Horizontal
- List Page Item
  - Default
  - Card
- List Page Link
- Navigation
- Overlap Item
- Pageheader Content
- Parallax Wrapper
- Rich Text Editor
- Search Filter
- Social Media Collection
Organisms
- Boxes
- Footer
- Header
- List Page
- Pageheaders
  - Pageheader Dots
  - Pageheader Image
  - Pageheader Image Alt
  - Pageheader Slider
  - Pageheader Video
    - Default
    - Self Host Video
    - Vimeo
    - Youtube
  - Pageheader Video Fullscreen
    - Default
    - Self Host Video
    - Vimeo
    - Youtube
- Related Header
- Section
  - Image Text Section
  - Text Image Section
- Topbar
  - Topbar
  - Topbar Related
Pages
Design Guidelines
- Colors

documentation

Overview