Plantilla web

Parallelism

Parallelism is a free, fully responsive HTML5 and CSS3 site template by HTML5 UP.

La descripción de esta plantilla aún no está disponible en español, así que se muestra en inglés.

Website · Gratis

Abrir demo en vivo
Parallelism

Páginas

Capturas de la demo, página a página. Desplázate dentro de cada página para verla entera.

/parallelismParallelism | HTML5 UP
Plantilla web Parallelism, página /parallelism, parte 1

Análisis del diseño

Una lectura por IA del diseño de esta plantilla: colores, tipografía, espaciado, secciones y detalles característicos. Ottermind parte de ella cuando usas la plantilla.

Este análisis aún no está disponible en español, así que se muestra en inglés.

Overall

portfolio site, artistic mood, medium density, light/dark hybrid

Palette

background #fafbfd; surfaces [#dee0e3, #373d49, #e7746f, #676d79]; text #676d79; muted text #ffffff; primary #e7746f; accents []

Type

headings Source Sans Pro, 600, sentence-case; body Source Sans Pro, 22px; scale h1 16px, h2 35px, h3 22px

Shape & spacing

button/card radius 4px, no borders, soft shadows on cards, section spacing 20px, content width full-width

Sections (top to bottom)
  • Header — fixed navigation bar with dark background, logo and device tabs, right-aligned action buttons (Post, Back, Download)
  • Hero — full-width image background with overlay gradient, grid of image tiles in two rows, each tile has a dark semi-transparent caption bar with white text
  • Footer — dark translucent overlay with centered text block, social icons aligned right, copyright and attribution text in small font
Signature details
  • Grid layout of visually rich image tiles with consistent caption bars
  • Semi-transparent dark overlays on images for text legibility
  • Primary color accent used in hero panel and CTA button
  • Soft blur effect on background image behind footer
  • Consistent use of rounded corners on all interactive elements
  • Hover effects implied by visual hierarchy on image tiles
Other pages
  • none shown

Detalles de la plantilla

Categoría
Website
Tecnología
HTML5
Licencia
CC-BY-3.0
Autor
HTML5 UP
Publicada en
HTML5 UP
Precio
Gratis
  • HTML5
  • Responsive

Diseño original de HTML5 UP, publicado en HTML5 UP. Ottermind no copia el código de la plantilla: crea una web nueva a partir del briefing.

El briefing del que parte Ottermind

Se abre en Studio como borrador: añade tu marca, tu público y tus páginas antes de enviarlo.

Build a website website inspired by the "Parallelism" template. Reference brief: Parallelism is a free, fully responsive HTML5 and CSS3 site template by HTML5 UP. Style and features to reflect: HTML5, Responsive. Use original copy and imagery for my brand rather than the reference's placeholder content.

Cómo usar esta plantilla

  1. 1

    Haz clic en «Usar esta plantilla» para abrirla en Ottermind Studio con el briefing ya escrito.

  2. 2

    Añade al briefing tu marca, tu público, las páginas y el contenido.

  3. 3

    Ottermind crea una web nueva inspirada en este diseño; sigue ajustándola en el chat.