Style Guideline Navigation
  • Typography
    Special  Heading
    • Display 1 Text

      Inter - Bold
      60px/1.2-
    • Display 2 Text

      Inter - Bold
      48px/1.25-
    • Display 3 Text

      Inter - Bold
      36px/1.375-
    • Display 4 Text

      Inter - Bold
      32px/1.125-
    • Section Title

      Inter - Bold
      32px/1.38-
    Heading
    • Heading 1

      Inter - Bold
      36px/1.38-
    • Heading 2

      Inter - Bold
      24px/1.375-
    • Heading 3

      Inter - Bold
      20px/1.4-
    • Heading 4

      Inter - Bold
      18px/1.22-
    • Heading 5
      Inter - Bold
      18px/1.22-
    • Heading 6
      Inter - Bold
      14px/1.42-
    Body Text
    • Lorem ipsum dolor sit amet consectetur. Ipsum vulputate nibh pretium pharetra tristique semper justo congue mi. Hac sed senectus eget

      Inter: Paragraph tiny - Regular
      14px/1.57-
    • Lorem ipsum dolor sit amet consectetur. Ipsum vulputate nibh pretium pharetra tristique semper justo congue mi. Hac sed senectus eget

      Inter: Paragraph Small - Regular
      16px/1.62-
    • Lorem ipsum dolor sit amet consectetur. Ipsum vulputate nibh pretium pharetra tristique semper justo congue mi. Hac sed senectus eget

      Inter: Paragraph Default - Regular
      18px/1.62-
    • Lorem ipsum dolor sit amet consectetur. Ipsum vulputate nibh pretium pharetra tristique semper justo congue mi. Hac sed senectus eget

      Inter: Paragraph Large - Regular
      24px/1.58-
    • Furniture best dolor sit amet, consectetur adipiscing elit. Duis ectus mauris, ullamcorper mauris amet, erat amet. Ornare vitae cursus tra purus. Ut enim sed id consectetur velit ullamcorper
      Inter: Paragraph Large - Regular
      24px/1.58-
    Style Text
    • Link - Lorem ispasm doller koi gelo amar
      Inter: Text Link Style
      18px/1.67-
    • Bold - This is some text inside of a div block.
      Inter: Text Bold Style
      18px/1.67-
    • Italic - This is some text inside of a div block.
      Inter: Text Italic - Regular
      18px/1.62-
  • Colors
    Primary Color
    #FF621F
    Secondary Colors
    #08AC9E
    #1F3347
    Neutral  Colors
    #595959
  • Buttons
    Primary Buttons
    Find Trip
    Button small
    Plan a Trip
    Button default
    Learn more
    Button large
    Secondary Buttons
    Find Trip
    Button small
    Plan a Trip
    Button default
    Learn more
    Button large
    Primary Outline Buttons
    Find Trip
    Button small
    Plan a Trip
    Button default
    Learn more
    Button large
    Secondary Outline Buttons
    Find Trip
    Button small
    Plan a Trip
    Button default
    Learn more
    Button large
    Tiny Buttons
    Find Trip
    Button small
Arrow Image