Implemented in pure HTML, CSS, and JavaScript, with no build step and no runtime dependencies
tianmind-landing — HTML Portfolio Template
By tianmind-studio
tianmind-landing is a bilingual Chinese-English static brand landing page template for independent developers, small studios, and AI-assisted service builders. It is implemented in pure HTML/CSS/JavaScript with no build step and no runtime dependencies, and can be forked into your own public service page.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
What stands out
A quick read of the recorded project description.
Bilingual Chinese-English copy with a lightweight language toggle
Blueprint-style visuals: dark hero, bright accent lines, structured service cards
Responsive layout covering mobile through desktop
Includes public proof sections (projects, demos, templates, verification links) and publicly safe FAQ and contact sections
The README provides a public safety boundary checklist clarifying which private materials should not be published
Template Details
The template is intended to let outside readers quickly understand who the site owner is, what they do, which projects or demo links can be publicly verified, how to start a first collaboration safely, and which private materials should not be published. The README positions it as a page for public trust, not a tool for exposing private business processes.
The page structure contains eight sections: Hero (positioning, audience, and primary action), Manifesto (operating principles and public commitments), Services (service categories or capability cards), Tech Stack (tools and delivery stack), Featured Work (public projects, demos, and proof links), Trust Path (safe first-request instructions, review process, and public boundaries), FAQ, and Contact (public contact information only). Visually, it uses a blueprint style with a dark hero, bright accent lines, and structured service cards, and provides a lightweight Chinese-English toggle.
On the technical side, the README states that it uses only pure HTML, CSS, and JavaScript, with responsive layout covering mobile through desktop, no build step, and no runtime dependencies. Customization is done by directly editing index.html (structure and default Chinese copy), assets/styles.css (colors, spacing, and visual system, with CSS variables at the top for changing brand colors), and assets/app.js (language switching and English copy). The README does not provide a dependency list, so no specific framework versions are involved.
The README explicitly lists public safety boundaries: do not publish client files, raw private conversations, credentials/tokens/cookies/SSH keys or account access, contracts, sensitive business records, private backend access, database dumps, full private vault contents, Hermes or safe-index configuration, or unconfirmed claims; instead use public links, redacted samples, sanitized screenshots, example outputs, and verification commands.
Is it right for your project?
Use Cases
- Independent developers building a personal brand landing page to show identity, capabilities, and public projects
- Small studios creating an external service introduction page with verifiable demo or repository links
- AI-assisted service builders explaining service scope and the first collaboration process to outside readers in both Chinese and English
- Public trust pages that need to strictly separate public content from private business processes
Suitable For
- Independent developers
- Small studios
- AI-assisted service builders
- People who need a bilingual Chinese-English public landing page and will fork and modify it themselves
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Clone the repository: git clone https://github.com/tianmind-studio/tianmind-landing.git and enter the directory
- 2
Edit index.html to adjust page structure and default Chinese copy
- 3
Edit assets/styles.css to modify colors, spacing, and the visual system; brand colors are set in the CSS variables at the top of the file
- 4
Edit assets/app.js to adjust language switching and English copy, keeping Chinese and English content aligned
- 5
Publish via GitHub Pages, Cloudflare Pages, or any static hosting; the README does not provide further deployment details
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of that version and does not mean external services or third-party assets are free.
Must comply with when using
- You may use, modify, commercialize, and distribute the code of this version for free.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur separate charges.
- When publishing content with this template, do not disclose client files, raw private conversations, credentials/tokens/cookies/SSH keys or account access, contracts, sensitive business records, private backend access, database dumps, full private vault contents, Hermes or safe-index configuration, or unconfirmed claims.
- When editing copy and screenshots, private examples must be excluded from public screenshots and public copy; use only public links, redacted samples, sanitized screenshots, example outputs, and verification commands.
- When editing content, keep Chinese and English content aligned.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
Do not publish:
Original README
- Keep private examples out of public screenshots and public copy.
Original README
https://github.com/tianmind-studio/tianmind-landing/blob/main/LICENSEhttps://github.com/tianmind-studio/tianmind-landing/blob/main/README.md- Keep Chinese and English content aligned when editing.
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-13. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 85 / 100
- Technologies
- HTML
- Website type
- Portfolio · Corporate Website
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-09-24
- Screenshot last checked
- 2026-10-13
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: codex-user-requested-batch-review-20261015 · 2026-10-15
Inspect the recorded source material
SHA-256: 3a5a72d0e7f5c61ecbc85cb82658b6d62fe86a4c8273b7ab336dd51d69c1786e
2026-10-13T16:47:01.642Z
Source file / repository# tianmind-landing
Public-safe bilingual landing page template for independent developers, small studios, and AI-assisted service builders.
独立开发者 / 小型工作室 / AI-assisted service builder 的中英双语品牌着陆页模板:零构建、零依赖、可 fork、可部署、可改成自己的公开服务页。
## What It Is
This repo is a static landing page template. It helps an outside reader understand:
- Who you are.
- What you build.
- Which proof links, demos, or public projects they can inspect.
- How to start with a safe first brief.
- What private material should not be shared publicly.
It is designed for public trust, not for exposing private commercial workflows.
## Features
- Blueprint-inspired visual style with dark hero, bright accent lines, and structured service cards.
- Chinese and English copy with a lightweight language switch.
- Pure HTML, CSS, and JavaScript.
- Responsive layout from mobile to desktop.
- Public proof sections for projects, demos, templates, and verification links.
- FAQ and contact sections that can stay public-safe.
- No build step and no runtime dependency.
## Page Sections
1. Hero: positioning, audience, and primary action.
2. Manifesto: operating principles and public promise.
3. Services: service categories or capability cards.
4. Tech Stack: tools and delivery stack.
5. Featured Work: public projects, demos, and proof links.
6. Trust Path: safe first brief, review flow, and public boundary.
7. FAQ: common buyer or collaborator questions.
8. Contact: public contact paths only.
## Quick Start
```bash
git clone https://github.com/tianmind-studio/tianmind-landing.git
cd tianmind-landing
```
Edit:
- `index.html` for structure and default Chinese copy.
- `assets/styles.css` for colors, spacing, and visual system.
- `assets/app.js` for language switch and English copy.
Then publish with GitHub Pages, Cloudflare Pages, or any static host.
## Customization
### Brand Color
Edit CSS variables near the top of `assets/styles.css`.
```css
:root {
--accent: #4facfe;
--accent-bright: #00f2fe;
--accent-warm: #ffd89b;
--bg: #050b18;
}
```
### Copy
- Keep the first screen concrete: who it is for, what you build, and what proof exists.
- Link to public demos, case studies, repositories, screenshots, or verification commands.
- Keep private examples out of public screenshots and public copy.
- Keep Chinese and English content aligned when editing.
### Proof Links
Useful public links for TianMind Studio-style pages:
- Public studio: <https://junius.tianmind.com/studio.html>
- Service one-pagers: <https://junius.tianmind.com/service-one-pagers.html>
- Demo proof kit: <https://junius.tianmind.com/demo-proof.html>
- Repo proof pack: <https://junius.tianmind.com/repo-proof.html>
- GitHub trust queue: <https://junius.tianmind.com/github-trust-queue.html>
- Trust center: <https://junius.tianmind.com/trust.html>
## File Structure
```text
tianmind-landing/
├── index.html
├── assets/
│ ├── styles.css
│ └── app.js
├── README.md
└── LICENSE
```
## Public-Safe Boundary
Do not publish:
- No customer files.
- No raw private conversations.
- No credentials, tokens, cookies, SSH keys, or account access.
- No contracts.
- No sensitive commercial records.
- No private backend access.
- No database dumps.
- No full private vault content.
- No Hermes or safe-index configuration.
- No unconfirmed claims.
Use public links, redacted samples, sanitized screenshots, sample outputs, and verification commands instead.
## Contact
Designed and maintained by TianMind Studio / 天智工坊.
- Studio surface: <https://junius.tianmind.com/studio.html>
- GitHub profile: <https://github.com/tianmind-studio>
- Public contact: `[email protected]`
## License
MIT © TianMind Studio / 天智工坊
Explore similar templates
Compare previews and descriptions within the same stack and category.

simplefolio
Simplefolio is a minimal single-page portfolio template for developers, built with HTML, Bootstrap, SCSS, and Parcel under the MIT license. It includes Hero, About, Projects, Contact, and Footer sections, with content edited in /src/index.html and theme colors controlled by two SCSS variables.
HTML · Portfolio

mazer
Mazer is a free and open-source Bootstrap 5 admin dashboard and landing page template that does not depend on jQuery. It provides prebuilt releases, source builds, and CDN inclusion, and includes dark mode, perfect-scrollbar, and ApexCharts examples.
HTML · Admin dashboard

Freelancer
A bright, single-page Bootstrap portfolio template for freelancers, designers, and small studios. It includes a responsive portfolio grid with modal detail windows and an SB Forms contact form that requires an API token.
HTML · Portfolio

Resume
A single-page resume and CV template from Start Bootstrap, built on Bootstrap with a fixed sidebar and content sections.
HTML · Portfolio

Creative
A single-page marketing template by Start Bootstrap for creative agencies and product services, built on Bootstrap with SCSS, featuring a portfolio grid and call-to-action sections. It includes pre-set SB Forms markers for form integration and npm build scripts for source customization.
HTML · Corporate Website

startbootstrap-agency
Agency is a one-page Bootstrap portfolio theme from Start Bootstrap, MIT licensed. It includes a responsive portfolio grid with modal details and a preconfigured SB Forms contact form that requires an API token.
HTML · Corporate Website
