/clarity-template

Clarity: A Minimalist Website Template for AI Research

Primary LanguageCSSCreative Commons Zero v1.0 UniversalCC0-1.0

Clarity Template

Clarity is an open-source, minimalist website template designed specifically for presenting AI research. It features a modular and clean design that is easy to customise for creating simple, project-based websites. With Clarity, you can effectively showcase your work, ensuring your research stands out in a visually appealing and professional manner.

Clarity

Clarity

Update

  • Aug. 26, 2024: Feature update with comparison display / 46ec3ee suggested in Issue #1.

Usage

Please follow the visual guidelines outlined in the Clarity blog post or the clarity.html file to optimise visual layouts and design. Additionally, a minimalist example template, minimal.html, is provided to help you get started quickly.

Clarity offers two font options:

  1. Charter + Poppins: free fonts available for commercial use.
  2. Tiempos Text + Athletics: licensed fonts with the trial license available for non-commercial use.

By default, the template uses the free fonts. To switch to the licensed fonts, follow these steps:

  1. Download the trial license or purchase the full license and place the font files in the assets/fonts directory.
  2. Optionally, use a web font converter to ensure compatibility across different browsers.
  3. Update the font-size and default font options in assets/stylesheets/_master.scss.
  4. Change the corresponding CSS file path to assets/stylesheets/main.css in each HTML file.

To further improve the visual aesthetics, please consider purchasing the FontAwesome Pro for a complete icon set.

License

This project follows Creative Commons Attribution-ShareAlike 4.0 International License. This allows you to freely modify and distribute the template in any way you like. In return, I kindly ask that you link back to the Clarity blog post in the footer to acknowledge my work and efforts. Enjoy!