Prompt: Build a premium consulting website following Estonian Design System guidelines

integrated-ee-website-prompt.md

Create a Complete Static Website for Integrated.ee

Brief

I want you to create a complete, visually stunning, modern static website for my consulting company Integrated.ee, following the Estonian Design System / Estonia Brand Toolbox guidelines.

1. About the Company

Integrated.ee is a boutique, high-end technology consulting company led by Villem Heinsalu, supported by a small, elite team of specialists.

Positioning:

• Premium strategic consulting
• Deep technical expertise
• Systems integration, digital strategy, architecture, and complex engineering
• Small team, extremely high calibre
• Scandinavian/Estonian design influence

2. Design Requirements

Use the core principles from the Estonian Design System and the Estonia brand toolbox:

Resources:

• https://toolbox.estonia.ee/?tag=design+template&order=top-picks
• https://toolbox.estonia.ee/?tag=graphic+element&order=top-picks
• https://toolbox.estonia.ee/?tag=typeface

Design directions to follow:

• Clean, minimal, confident Estonian visual identity
• Lots of breathing room
• Geometric, calm, structured layouts
• Soft blues, greys, whites (Modern Estonian palette)
• Subtle graphic elements (e.g. Estonia grid, wave motifs, abstract patterns)
• Maintain the "meaningful, Nordic clarity" tone of Estonia's official brand design

Typography

Use Aino as the primary typeface (from the Estonia brand system). Fallback fonts: Aino, Inter, Arial, sans-serif.

Color Palette

Use an Estonia-brand-inspired palette (Claude should propose the final tone), e.g.:

• Deep Blue (#003B65)
• Baltic Blue (#1A5E89)
• Light Sand (#F5F7F8)
• Graphite (#2D3236)
• Clean White (#FFFFFF)

(This is just a reference; Claude should refine it based on the design system.)

3. Website Structure

Create these pages:

• Home
• About (Villem + philosophy)
• Services
• Approach / Methodology
• Team (small but elite)
• Case Studies (static placeholder)
• Contact

4. Content Requirements

Generate all text, including:

• Strong, premium hero tagline
• Value proposition ("boutique consulting for complex challenges")
• CEO bio (Villem Heinsalu)
• Team description (elite partners/experts)
• Services descriptions
• Distinct methodology section ("How we work")
• Case study placeholders
• Clear CTAs
• Footer content

Tone:

• Confident, premium
• Sharp and concise
• Estonian design personality (calm, rational, modern, understated)

5. Output Technical Requirements

After presenting the design concept for approval:

• Generate HTML + a single external CSS file
• Use Aino font correctly with CSS import
• All pages static (no JS unless strictly necessary)
• Semantic, clean, accessible markup
• Responsive layout
• Use Estonia-inspired graphics (SVGs, simple lines, grid motifs)
• Provide Unsplash placeholder images (Nordic/Estonian mood)
• Folder structure:

/index.html
/pages/about.html
/pages/services.html
/pages/team.html
/pages/approach.html
/pages/cases.html
/pages/contact.html
/css/style.css
/assets/ (images, svg patterns)

6. Process

Step 1: Present to me:

• Visual direction
• Final color palette
• Typography setup
• Layout system
• Example components (header, hero, grid, card style)
• Content outline

Step 2: After I approve, generate the full HTML/CSS website.