Real-World Examples

Full-page examples showing how term.css looks in realistic contexts. Each page has its own navigation and footer - no docs chrome. All content is fictional.

Developer Landing Page

Personal homepage for a systems engineer. Hero section, project cards, recent writing, and contact info.

View source

Technical Blog Post

Long-form article with code blocks, benchmarks table, callouts, and structured sections.

View source

Photo Blog Post

Travel photography post with multiple figures, captions, and a definition list of travel tips.

View source

Blog Post Listing

Blog index page with post summaries, dates, tag badges, and pagination.

View source

Contact Page

Company contact form with dropdowns, text fields, and office details in a definition list.

View source

Tags / Categories

Tag cloud with badge links and per-tag post listings.

View source

Single-Page Portfolio

Freelancer portfolio with project grid, skills cards, about section, and contact form.

View source