Augen Pro
light theme
Independent Style Review

Augen Pro-Style Design System

The Augen Pro design system uses a light-themed visual language. The primary brand color is Future Blue (#0071e3); text is Midnight Ink (#0f1012) on a Ghost White (#f2f2f4) background. Typography is set in PP Neue Montreal. This DESIGN.md contains 7 color tokens and a 3-step type scale; give it to AI tools like Claude, Cursor or v0 to generate consistent interfaces in the style of Augen Pro.

Color Palette

FONTS

Typography

Component Previews

Independent Style Review

Augen Pro-style design system: color codes and fonts

Theme
light
Primary color
Future Blue (#0071e3)
Fonts
PP Neue Montreal
Source
augen.pro

Architectural Blueprint on White Marble. Every element is immaculately placed against a pristine, bright background, creating a sense of technical elegance.

This system projects an aura of understated precision and future-forward serenity, akin to a meticulously designed piece of advanced technology. The stark, high-contrast monochrome palette of near-black text on near-white surfaces emphasizes product clarity and intellectual rigor. A singular vivid blue accent hue is reserved exclusively for interactive elements, guiding user focus with subtle distinction rather than overt visual noise. Minimalist typography, combining readability with a touch of modern sophistication, reinforces a sense of controlled innovation.

Original style summary

Augen Pro color codes

ColorHEXCSS tokenUsage
Midnight Ink#0f1012--color-midnight-inkPrimary text, darkest UI elements, default borders. Provides sharp contrast against lighter backgrounds.
Ghost White#f2f2f4--color-ghost-whiteDominant page and card backgrounds. Creates a luminous, expansive stage for content.
Canvas#fdfdfd--color-canvasSecondary background surfaces, slightly brighter than Ghost White, offering subtle layering.
Skyline Gray#868788--color-skyline-graySubtle background tones, offering a soft visual break without introducing strong chromaticism.
Slate Comment#8f8f8f--color-slate-commentSecondary text, button labels, and subtle UI strokes. Provides visual hierarchy without being muted.
Deep Graphite#020201--color-deep-graphiteAccented text elements, button states, and fine strokes. Offers the highest contrast.
Future Blue#0071e3--color-future-blueInteractive elements like links, buttons, and active states. Commands attention as the sole chromatic accent.

Which fonts does Augen Pro use?

FontWeightsFallback
PP Neue Montreal350, 400Inter, Arial
PP Neue Montreal350, 400Inter, Arial
RoleSizeLine heightToken
caption10px1.2--text-caption
heading-lg18px1.2--text-heading-lg
display27px1.2--text-display

How do I use this DESIGN.md?

  1. Download the DESIGN.md file and place it in your project root.
  2. Tell Claude Code, Cursor, v0 or Google Stitch: “Design the UI following the rules in DESIGN.md.”
  3. Use Fork & Customize to adapt the colors, fonts or components to your own brand.

Raw DESIGN.md file →

This page is MakeMyMD's independent review of the colors, typography and spacing visible on Augen Pro's public website (augen.pro). It is not an official brand guideline; MakeMyMD is not affiliated with or endorsed by Augen Pro. The Augen Pro name and trademarks belong to their owner; no brand imagery, logos or copy are used. Rights holders can request removal at [email protected].

Design Systems

Similar design systems