Webサイトテンプレート

Universal

A port of the Universal theme

このテンプレートの説明はまだ日本語に対応していないため、英語で表示しています。

Portfolio · Blog · 無料

ソースリポジトリを見る

デザイン解説

このテンプレートのデザインを AI が読み解いたものです：配色、書体、余白、セクション、特徴的なディテール。テンプレートを使うと Ottermind はここから始めます。

この解説はまだ日本語に対応していないため、英語で表示しています。

Overall: portfolio, clean and modern, low density, light
Palette: background #00a8d7; surfaces #ffffff, #f5f5f5; text #111111; muted text #666666; primary #00a8d7; accents #e94c89, #2b3a5c, #fbb03b, #00a8d7
Type: headings Roboto, 700, uppercase; body Roboto, 16px; scale h1 48px, h2 32px, h3 24px
Shape & spacing: button/card radius 4px; borders none; shadows soft drop shadow on laptop; section spacing 80px; content width 1200px
Sections (top to bottom): Hero — full-width layout, two columns, left side with headline "DESIGN" and descriptive text, right side with laptop mockup showing team profile cards, background semi-transparent teal overlay over collage of blurred images
Features — three circular icons with labels, centered horizontally, white background
Portfolio — grid layout with four project thumbnails, each with title and category label, white background
Testimonials — horizontal scrollable row of quote cards with author avatars, light gray background
Contact — form with input fields and submit button, centered, white background
Signature details: Semi-transparent teal overlay on hero background
Laptop mockup displaying team profiles with circular avatars and social icons
Clean Roboto typography with consistent uppercase headlines
Minimalist card design with subtle hover effects
Circular iconography for feature highlights
Soft drop shadows on interactive elements
Other pages: /blog: blog listing with featured post and sidebar
/about: team section with individual profiles and bios
/contact: contact form with map and address details

テンプレート情報

カテゴリ: Portfolio, Blog, Agency, Starter Kit
技術: Hugo
ライセンス: MIT
作者: devcows
掲載元: Hugo Themes
価格: 無料

blog
company
minimal
portfolio

オリジナルデザイン：devcows（Hugo Themes に掲載）。Ottermind はテンプレートのコードをコピーせず、ブリーフをもとに新しいサイトを作ります。

Ottermind が起点にするブリーフ

Studio で下書きとして開きます。送信前にブランド、対象者、ページを書き足してください。

Build a portfolio website inspired by the "Universal" template. Reference brief: A port of the Universal theme Style and features to reflect: blog, company, minimal, portfolio. Use original copy and imagery for my brand rather than the reference's placeholder content.