Style Guide

Portafolio Fotográfico — Sistema Visual

Referencia interna para mantener consistencia en tipografías, colores, botones y componentes del sitio.

Type

Tipografías

H1 / Freight — Título grande editorial

H2 / Freight — Subtítulo o sección

H3 / Freight — Encabezado pequeño

Texto de párrafo en Orpheus, tamaño 18px, line-height 1.6. Para descripciones, about y precios.

H2 / Rimons — Título destacado

Este estilo se usa para títulos clave o frases destacadas. Contrasta con Freight para dar jerarquía visual y captar atención.

Color

Paleta

Terracotta — #ae5c31
Sage — #6c7854
Sand — #dddbce
Ink — #1d1d1e
Cream — #f0eee9
Olive — #b5ae8f
White — #f9f9f9
Gold — #bfa160
Buttons

Botones

Primary (Gold)   Outline (Ink)

Component

Testimonial

“Capturamos historias reales con un estilo editorial y moderno. Queremos que tus recuerdos se sientan vivos siempre.” — Nombre del Cliente
Layout

Collage Editorial (Prueba)

Patrón para el Catálogo. Reemplazar por imágenes; en celular se apilan sin desfasar.

Detail

Divisor vertical

Anchors

IDs sugeridos

#about   #catalog   #testimonials   #contact

Ejemplo de botón a Contacto: href="#contact" — Ejemplo a Portafolio: href="/portfolio"