Cyanine Theme

Cyanine is Typemill's versatile, multipurpose theme designed for modern, text-driven websites. Whether you're creating a flexible landing page with a fullscreen background image, a clean documentation hub, or a dynamic blog, Cyanine offers unparalleled customization and performance.

Landingpage Cyanine

Cyanine is available for free under the MIT license and is actively developed.

Readymade Styles

Cyanine includes four readymade styles, demonstrating its flexibility. These styles can be loaded with one click in the theme settings. The standard readymade serves as the foundation for the Typemill website, though its landing page has been heavily customized.

Cyanine Standard Styles

For blog or news functionality, Cyanine allows you to list any folder's contents on the homepage:

Cyanine News Page

Two additional readymades feature dark and light color schemes with animated bubbles in the header. These styles showcase the creative potential of Cyanine, which advanced users can further enhance with CSS.

Landingpage with Bubbles

Key Features

Cyanine comes with a variety of powerful features, including:

  • Brand Colors: Fully customize your site's appearance with configurable brand color palettes.
  • Font Options: Choose and combine fonts for headlines, navigation, and body text.
  • Three-Column Footer: Design your footer with up to three customizable columns.
  • Optional Landing Page: Quickly enable a highly customizable landing page for a professional first impression.

The Landing Page

Cyanine's landing page offers multiple customizable segments, allowing you to tailor its design to your needs:

  • Intro Segment: Highlights the homepage content with an optional action button.
  • Info Segment: Displays flexible Markdown content for informational purposes.
  • Feature Segment: Highlights key features using two feature boxes.
  • Contrast Segment: Uses inverted colors to emphasize titles, text, and buttons.
  • Navigation Segment: Controls the depth of the navigation displayed on the page.
  • News Segment: Automatically lists the latest three items from a specified folder.

These segments provide a strong foundation for crafting a landing page that aligns perfectly with your website's goals.