Websites · 2026
Capitale Design
An editorial frame for spatial work.
A bilingual website that brings architectural grids, paper tones and large serif headings together with a project gallery and a structured inquiry calculator.
Visit the website- Format
- Website and brief calculator
- Scope
- Design and development
- Typography
- System sans-serif · Georgia · Monospace
- Languages
- Romanian · English
The brief
Give the work space. Give the brief structure.
Project images benefit from open space, while an estimate requires precise inputs. The website holds these different needs together through a consistent visual language and a separate, clearly staged calculator journey.
Our role
The project connects an image-led portfolio with a structured inquiry tool. A shared editorial system carries visitors from the work and specialist pages to service choices, measurements and a reviewed brief.
Visual direction
Paper, ink and a measured accent.
Warm paper tones frame the imagery without the starkness of pure white. Dark ink anchors the type, while burgundy supplies a controlled accent. The architectural grid connects the page composition to the spatial subject of the portfolio.
Interface palette
- Warm paper
- #F3ECDF
- Light paper
- #FBF7EF
- Ink
- #1A1510
- Burgundy
- #8F302B
An editorial type hierarchy
Georgia and serif fallbacks carry large headings; system sans-serif text and monospace labels distinguish explanations and details.
An architectural framework
Grid lines, large imagery and deliberate spacing give the pages a recognizable structural rhythm.
A material palette
Paper, dark ink and burgundy create a warm setting that supports the photographs and small interface accents.
Interaction design
From visual reference to project brief.
The main journey connects exploration and specification.
Explore the work
Project galleries and specialist pages introduce the range of work through images and concise explanations.
Describe the scope
After contact and consent, select relevant services, enter measurements and specify timing in the calculator.
Review the brief
Check the indicative estimate and project details together before sending an inquiry for follow-up.
Design in practice
Shared content. Focused interactive tools.
Next.js and next-intl serve typed bilingual content. Client components handle galleries, video controls and calculator state; shared calculation helpers organize the estimate. A validated server action sends the brief by email as an inquiry, without creating an order.
A portfolio that opens up
Eight project galleries use a carousel and image viewer, keeping the initial overview compact while allowing closer inspection.
A structured starting brief
The calculator groups service selections, measurements and timing into an indicative estimate. Custom work remains a subject for follow-up.
Review before sending
Contact details and consent open the calculator journey. A brief review gathers the chosen details before email submission.
The result
A considered presentation, with a practical next step.
The result pairs a bilingual visual portfolio with an organized project inquiry. The editorial language gives images prominence, while the calculator makes the transition from browsing to describing a project concrete.