Tm11ty

screenshot of Tm11ty
scss

Personal site for Tatiana Mac (based on Eleventy)

Overview

TM11TY, designed by Tatiana Mac, is an innovative portfolio website that stands out as the first post-#a11y site. Combining a personal touch with cutting-edge web standards, the site reflects the creator's astrological sign and her journey into mastering Single Site Generators. Notably, TM11TY is a tribute to her name's eleven characters while showcasing her unique design aesthetics.

The site is crafted with modern web technologies to ensure a visually appealing and user-friendly experience. With its elegant grid layout and carefully selected typography, TM11TY not only functions as a portfolio but also serves as a platform for exploring the intersection of design and accessibility.

Features

  • Built With Eleventy: Utilizes Eleventy, an efficient static site generator praised for its simplicity and flexibility.
  • Hosted on Netlify: Ensures reliable uptime and fast loading times, enhancing user experience seamlessly.
  • CSS Grid Layout: Implements a modern CSS Grid design that provides a structured yet flexible arrangement of content.
  • Custom Typography: Features a unique mix of Freight Display, Brother 1816, and League Gothic Condensed fonts for a distinctive visual style.
  • Personal Branding: The site captures Tatiana Mac's Gemini sun influence, emphasizing a personal and creative touch throughout the design.
  • Accessibility Focus: Designed with an eye towards accessibility, reflecting the growing importance of inclusive web standards in modern design.
scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

Stylelint

Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.