Receber por email
← Voltar para o catálogo

dark-tech-style

Um sistema de estilo visual para aplicações HTML de página única com tema dark-tech. Garante consistência visual para diagramas de arquitetura, dashboards, roadmaps e páginas informativas de tema escuro, sendo o padrão para páginas web estruturadas e densas em informações com tom técnico.

1estrelas
Atualizado há 6 meses

Ver no GitHub ↗ Licença: MIT

Como adicionar

/plugin marketplace add harrisliangsu/dark-tech-style

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Skillteca](https://www.skillteca.com.br/api/badge/dark-tech-style/svg)](https://www.skillteca.com.br/skills/dark-tech-style)
#ai

Alerta por categoria

Receba novas skills de Design e Frontend toda segunda

1 email curto, só com as skills novas de Design e Frontend. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Ler descrição completa

Dark Tech Style

一套用于构建暗色科技风 HTML 页面的设计系统。提取自一份高质量架构全景页,覆盖架构图、技术全景、Landing、Dashboard、Roadmap 等场景。

使用方式

总是优先采用 assets/tokens.css 中已定义的 token 和组件类,不要重新发明颜色或圆角。如果用户没有特别指定风格但要做一个偏技术调性的页面,就把这套风格作为默认。

最快路径:

  1. 读 assets/tokens.css,把整个 :root { ... } 块和重置/基础部分原样塞进 <style>
  2. 参考 assets/starter.html 的结构,按需要的章节挑选组件拼装
  3. 如果用户给了内容,把内容填入这套结构;不要为了"丰富"而无中生有加章节

风格指纹(一段话理解)

近黑三级背景(#0a0c14 → #10121c → #161924),几乎不可见的 6% 白色边框(hover 升到 12%),超粗 800 字重 + 强烈负字距(-0.02em ~ -0.03em)的大标题,配 7

[Description truncada. Veja o README completo no GitHub.]

Compartilhar X LinkedIn