CURATED · OPEN · FREE

Odins Crow

A stark, editorial agency site using bold typography and a monochrome palette to convey authority and clarity.

AgencyEditorialBold TypographyRestraintRefined

Odins Crow screenshot

↓ Download design system (4 MB)Open in OpenDesign

Visit: https://odins-crow.com

📦 Browse pack contents →

01

Identity DNA

preservationgrowthlegacystrategicbold

A modern digital manifesto for a consultancy that bridges heritage and future.

02

Color

#2B2B2BInk

#F1EDE8BG

#C9C8C9Muted

rgba(43,43,43,0.8)Line

High-contrast monochrome with warm neutrals for a sophisticated, editorial feel.

03

Typography

grotesque-sans · mono

display187px · 700
display-lg60px · 700
display-md41px · 700
body-lg20px · 400
body16px · 400
caption10px · 400

Use tight negative letter-spacing for all display sizes. · Maintain a strict monochrome type hierarchy. · Apply uppercase transformation to small labels and captions.

04

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

4px base grid with generous padding for breathing room.

05

Surfaces

sm · 4px

md · 8px

lg · 12px

pill · 999px

Thin 1px solid lines using rgba(43,43,43,0.8) for structural dividers.

06

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Single-column centered layout with full-width structural elements like horizontal lines.

07

Motion & Interaction

220msmicro

400mssmall

800msmedium

cubic-bezier(0.4, 0, 0, 1)easing

Subtle fade and transform transitions for content appearance.

Subtle color shifts or transforms on interactive elements. · Immediate visual feedback.

08

Components

button Minimal text-based button with an underline or thin border, no background fill.
card Not explicitly visible in the screenshot.
chip Not visible in the screenshot.
input Not visible in the screenshot.
hero Full-width section featuring massive typography and a series of horizontal structural lines.

09

Voice & Don'ts

Tone Authoritative, concise, and forward-looking.
Headlines Short, punchy phrases in massive, tight-spaced typography.
CTAs Direct and action-oriented, e.g., 'Get in touch'.

Don't use vibrant accent colors — screenshot shows a strict monochrome palette.
Don't use decorative serifs — screenshot shows a clean, bold grotesque sans.
Don't use wide letter-spacing — screenshot shows tightly tracked display text.
Don't use heavy drop shadows — screenshot shows flat, clean surfaces.
Don't use centered alignment for everything — screenshot shows left-aligned text with a structured, full-width hero.
Don't use rounded corners extensively — screenshot shows mostly sharp, rectangular shapes.
Avoid: Overly casual language
Avoid: Excessive decoration
Avoid: Cluttered layouts

10

Inside the pack — real screenshots

Odins Crow — 桌面首屏（hero） — 桌面首屏（hero）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 移动首屏 — 移动首屏

Captured from the live site · real computed styles

11

System prompt

This site is for a strategic consultancy or agency, positioning itself with bold, editorial confidence. The primary colors are a warm off-white (#F1EDE8) and a deep charcoal (#2B2B2B). Typography is centered around a bold, tightly tracked grotesque sans-serif for headlines, creating a strong visual impact. The layout is clean and structured, using full-width horizontal lines as a key design element. Critical donts: do not use bright accent colors, do not use decorative or serif fonts, and do not use wide letter-spacing on display text. The overall aesthetic is minimalist and refined, focusing on clarity and authority.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

en · zh-CN · zh-TW · ja · ko