favicon

Offline first, markdown, attachments, revision history, and structured

Docs

It uses a simple text editor with Markdown features such as headers, links, images, bold, italics, lists, quotes and code highlighting.

Markdown Editor

Attach other docs or images for reference

Attachments

Docs have revision history and can be reverted to a previous state

Revision History

Docs can be defined by an interface for structured content

Structured Content

Docs can be consumed into a website or app via API

Integrate content into your website or app

Offline

Hero

Early Access

Home

Products

Blog

 

:root {
  /** colors **/
  --background: #F3F4F6;
  --onBackground: #222222;
  --surface: #FFFFFF;
  --onSurface: #222222;

  --primary-50: #F0FCF9;
  --primary-100: #C6F7E9;
  --primary-200: #8EEDD1;
  --primary-300: #5FE3C0;
  --primary-400: #2DCCA7;
  --primary-500: #17B897;
  --primary-600: #079A82;
  --primary-700: #048271;
  --primary-800: #016457;
  --primary-900: #004440;

  --onPrimary-50: #016457;
  --onPrimary-100: #016457;
  --onPrimary-200: #004440;
  --onPrimary-300: #004440;
  --onPrimary-400: #FFFFFF;
  --onPrimary-500: #FFFFFF;
  --onPrimary-600: #FFFFFF;
  --onPrimary-700: #FFFFFF;
  --onPrimary-800: #FFFFFF;
  --onPrimary-900: #FFFFFF;

  --secondary-50: #FFFBEA;
  --secondary-100: #FFF3C4;
  --secondary-200: #FCE588;
  --secondary-300: #FADB5F;
  --secondary-400: #F7C948;
  --secondary-500: #F0B429;
  --secondary-600: #DE911D;
  --secondary-700: #CB6E17;
  --secondary-800: #B44D12;
  --secondary-900: #8D2B0B;

  --onSecondary-50: #CB6E17;
  --onSecondary-100: #CB6E17;
  --onSecondary-200: #B44D12;
  --onSecondary-300: #B44D12;
  --onSecondary-400: #FFFFFF;
  --onSecondary-500: #FFFFFF;
  --onSecondary-600: #FFFFFF;
  --onSecondary-700: #FFFFFF;
  --onSecondary-800: #FFFFFF;
  --onSecondary-900: #FFFFFF;

  --supporting-50: #FFE3E3;
  --supporting-100: #FFBDBD;
  --supporting-200: #FF9B9B;
  --supporting-300: #F86A6A;
  --supporting-400: #EF4E4E;
  --supporting-500: #E12D39;
  --supporting-600: #CF1124;
  --supporting-700: #AB091E;
  --supporting-800: #8A041A;
  --supporting-900: #610316; 

  --neutrals-50: #F7F7F7;
  --neutrals-100: #E1E1E1;
  --neutrals-200: #CFCFCF;
  --neutrals-300: #B1B1B1;
  --neutrals-400: #9E9E9E;
  --neutrals-500: #7E7E7E;
  --neutrals-600: #626262;
  --neutrals-700: #515151;
  --neutrals-800: #3B3B3B;
  --neutrals-900: #222222; 

  /** typography **/
  --headlineFamily: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  --subtitleFamily: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  --bodyFamily: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  --captionFamily: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  --buttonFamily: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}
