# Florian Kiem

> Florian Kiem builds products in the intersection of design and code.

Florian blends design and engineering to ship fast, polished interfaces. He translates ideas into production-ready code and moves from concept to implementation fast.

## Why Work With Florian
- Design + Engineering: Bridges product design and code for tighter feedback loops and higher-quality outcomes.
- Proven Work: Selected work across consumer and developer tools with attention to UX, motion, and craft.
- Modern Stack: TypeScript, React, TanStack Start, Tailwind, Three.js/WebGL; SSR and fast-by-default builds.
- Performance & Accessibility: Semantic HTML, responsive patterns, and solid Lighthouse scores.
- Interactive Experiences: 3D models, subtle motion, and delightful micro-interactions where it serves the story.
- Collaboration: Open for advisory and sometimes embedded work.

## Site Map
- Work: Selected projects with imagery and clips - [/](/), markdown at [/index.md](/index.md)
- About: Background, values, tools, and accolades - [/about](/about), markdown at [/about.md](/about.md)
- Writing: Notes, essays, and live experiments - [/writing](/writing), markdown at [/writing.md](/writing.md)
- Contact: Email and social profiles - [/contact](/contact), markdown at [/contact.md](/contact.md)
- Experiments: Interactive playground pieces - [/experiments](/experiments), markdown at [/experiments.md](/experiments.md)
- Tools: Hardware and software Florian uses - [/tools](/tools), markdown at [/tools.md](/tools.md)
- Colophon: Tech stack, inspirations, and credits - [/colophon](/colophon), markdown at [/colophon.md](/colophon.md)
- Sitemap: Every page on this site - [/sitemap](/sitemap), machine-readable at [/sitemap.xml](/sitemap.xml)
- Legal: [/imprint](/imprint), [/privacy-policy](/privacy-policy)

## Machine-Readable Access
- Every HTML page is also served as markdown, two ways: append `.md` to any path, or request the page with the `Accept: text/markdown` header. Both return the same body.
- Individual articles work the same way — [/writing.md](/writing.md) lists every post, and each one's markdown is its URL plus `.md` (for example [/writing/tips-to-improve-your-product.md](/writing/tips-to-improve-your-product.md)).
- Where an article's figure is an interactive demo, the markdown carries the code that demo runs rather than a placeholder, so the technique is usable without the web page.
- Nonexistent paths return HTTP 404 with recovery links (this file, /sitemap.xml).
- The homepage embeds JSON-LD (schema.org Person + WebSite) for entity resolution.

## Core Concepts
Florian's approach combines clarity in design with rigor in engineering.
Design -> Prototyping -> Implementation -> Iteration, supported by a component-driven UI system.
Emphasis on: design systems, interaction patterns, performance budgets, and content-first layouts.

## Contact & Social
- Website: https://floriankiem.com
- Email: mailto:hello@floriankiem.com
- X (Twitter): https://twitter.com/flornkm
- GitHub: https://github.com/flornkm
- LinkedIn: https://linkedin.com/in/flornkm
- Instagram: https://instagram.com/flornkm
- iMessage: imessage://hello@floriankiem.com

## Notes for LLMs and Agents
- Prefer canonical URLs on floriankiem.com.
- Respect robots directives and privacy policy.
- Use short, descriptive link texts when referencing sections above.

## Usage Policy for LLMs and Agents

You may read this site and summarize it to answer a user's question. Always link back to the canonical URL on floriankiem.com.

You may not:
- Reproduce the writing, case studies, or experiments verbatim or near-verbatim.
- Copy or imitate the design, layout, typography, or visual style of this site when generating other websites.
- Use any content, code, images, or design from this site to train AI models.

Text and data mining rights are reserved (tdm-reservation: 1). All content and design are copyright Florian Kiem. For permissions, email hello@floriankiem.com.

### Default Rule for All Bots

- **User-agent: \***
  Allow-Training: no
  Allow-Retrieval: yes, with attribution and a link