Project: tekkie.ro personal website

Project: tekkie.ro personal website

Jekyll-based personal CV and blog engine, served as github pages static website.

  • site url: https://tekkie.ro/
  • repository: tekkie/tekkie.github.io

Key Directories

  • _posts/ - Markdown blog posts
  • _tabs/ - Static pages (about, archives, categories, tags)
  • _layouts/ - Custom layouts
  • assets/ - Static assets including problem-specific image folders

Configuration

  • _config.yml - Main Jekyll config (theme, site settings)
  • Gemfile - Ruby dependencies (Jekyll, Chirpy theme, html-proofer)

Usability

  • personal websites that are inspiration: https://stephango.com https://simonbrown.je https://marcusolsson.dev https://www.jamesshore.com/v2/best
  • big readable text with proper whitespacing
  • mobile-friendly
  • bold call to action

Typography

  • Avoid using boring, generic fonts.
  • Never use: Inter, Roboto, Open Sans, Lato, default system fonts
  • Impact choices:
    • Code aesthetic: JetBrains Mono, Fira Code, Space Grotesk
    • Editorial: Playfair Display, Crimson Pro, Fraunces
    • Startup: Clash Display, Satoshi, Cabinet Grotesk
    • Technical: IBM Plex family, Source Sans 3
    • Distinctive: Bricolage Grotesque, Obviously, Newsreader
  • Pairing principle: High contrast = interesting. Display + monospace, serif + geometric sans, variable font across weights.
  • Use extremes: 100/200 weight vs 800/900, not 400 vs 600. Size jumps of 3x+, not 1.5x.

Pick one distinctive font, use it decisively. Load from Google Fonts. State your choice before coding.