HTML杂志资讯

kapsel-apotheke-template — HTML 杂志资讯模板

作者 RobertAnschuetz

德国药房单文件HTML模板,编辑风格粗野主义,突出E-Rezept流程,无构建步骤。

看看你的网站会是什么样

浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。

1 个预览视图

目前只有 1 张可用预览,尚未找到可用演示站,暂无法补充内页和手机端截图。

仓库预览 1
作者提供的预览

来自项目仓库的原始界面图片。

目前有 1 张原始预览,可打开完整图片查看设计细节。

截图用于了解视觉与布局,交互效果请以实际项目为准。

采集于 2026-09-27查看来源

值得关注的模板亮点

从已有项目资料中,快速了解它的特点。

01

单文件 HTML/CSS/JS,无构建步骤,直接打开即可运行

02

以 E-Rezept 流程为核心,配备粘性按钮和全宽操作区

03

编辑风格粗野主义设计,超大排版与撞色色块

04

实时信息滚动条、营业时间当日高亮、紧急值班药房面板

05

完全响应式,支持移动端、平板和桌面

06

使用 IntersectionObserver 实现滚动显现动画

模板详细介绍

KAPSEL 是一款为现代德国药房设计的单文件 HTML 模板,采用编辑风格的粗野主义视觉语言。它刻意避开传统药房网站常见的柔和绿色和库存照片,改用超大排版、撞色色块和宣言式文案,将 E-Rezept(电子处方)流程作为页面核心。整个模板由 HTML、CSS 和少量原生 JavaScript 构成,无任何框架或构建步骤,直接打开 index.html 即可运行,文件体积约 50KB(不含字体)。

页面结构完整,包含粘性 E-Rezept 按钮、全宽酸橙色操作区、实时信息滚动条(花粉指数、配送时段、处方处理时间、紧急值班药房)、编辑风格的英雄区、五项原则的宣言区、六格深色分类网格、非对称团队卡片、带当日高亮的营业时间表、坐标风格的网格地图、期刊区以及大型页脚。设计系统通过 CSS 自定义属性定义,主色为骨白、墨绿、酸橙和柿子橙,字体使用 Bricolage Grotesque、Instrument Serif 和 JetBrains Mono,均通过 Google Fonts CDN 加载。

模板适合希望建立现代、醒目品牌形象的药房,尤其是需要在 2024 年后德国市场突出 E-Rezept 服务的机构。所有内容均为德语,替换文本即可使用。不过,地图目前是风格化 SVG,需自行替换为真实地图嵌入;E-Rezept 按钮也未连接真实后端,需自行对接 gematik 集成或药房应用。浏览器支持最新版 Chrome、Firefox、Safari 和 Edge,不支持 IE11。

HTML杂志资讯

适合你的项目吗?

适用场景

  • 德国药房希望建立现代、醒目的品牌形象
  • 需要突出 E-Rezept 电子处方服务的药房网站
  • 快速搭建单页静态网站,无需后端或构建工具
  • 作为设计起点,自定义颜色、字体和内容

适合人群

  • 追求差异化视觉的药房品牌
  • 熟悉 HTML/CSS 的开发者或设计师
  • 需要快速部署静态网站的项目

上手与定制指南

结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。

  1. 1

    克隆仓库后,用任意静态服务器运行 index.html 即可。

  2. 2

    编辑时直接修改 HTML 文件,所有内容为德语,需替换为实际药房信息。

  3. 3

    地图为 SVG 占位,需替换为 Google Maps 或 OSM 嵌入。

  4. 4

    E-Rezept 按钮需自行对接 gematik 集成或药房应用。

  5. 5

    字体通过 Google Fonts CDN 加载,需联网。

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

MIT许可证允许免费使用、修改、分发和商用,仅需保留版权与许可声明;README称署名欢迎但非必需。

使用时需要遵守

  • 保留原作者版权声明和 MIT 许可证声明。
  • 在所有副本或实质性部分中包含版权声明和许可声明

额外费用与待核对事项

  • Google Fonts字体通过CDN加载,其自身许可未在文档中确认
查看原文依据

Permission is hereby granted, free of charge, to any person obtaining a copy

许可证原文

MIT — use it, fork it, ship it. Attribution appreciated but not required.

README 原文

Permission is hereby granted, free of char

许可证原文
https://github.com/RobertAnschuetz/kapsel-apotheke-template/blob/main/LICENSEhttps://github.com/RobertAnschuetz/kapsel-apotheke-template/blob/HEAD/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-09-24。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料一般 · 62 / 100
技术栈
HTML
网站类型
杂志资讯
这个分数如何计算

本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2026-04-26
截图检查日期
2026-09-06

目前没有记录演示链接。请依据仓库说明在本地评估;仅凭截图无法确认交互行为。

目录记录的主要技术栈是 HTML。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

当前版本没有可核对的编辑审核记录;旧的应用时间不代表已完成事实审核。

这条历史介绍未保存固定版本的来源快照。请对照当前仓库,发现不一致可反馈。

反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。