Lundqvist Dallyn
light theme
Independent Style Review

Lundqvist Dallyn-Style Design System

The Lundqvist Dallyn design system uses a light-themed visual language. The primary brand color is Ink Black (#1d1d1d); text is Ink Black (#1d1d1d) on a Canvas White (#ffffff) background. Typography is set in Favorit and AkkuratMonoLLWeb. This DESIGN.md contains 3 color tokens and a 5-step type scale; give it to AI tools like Claude, Cursor or v0 to generate consistent interfaces in the style of Lundqvist Dallyn.

Color Palette

FONTS

Typography

Component Previews

Independent Style Review

Lundqvist Dallyn-style design system: color codes and fonts

Theme
light
Primary color
Ink Black (#1d1d1d)
Fonts
Favorit, AkkuratMonoLLWeb
Source
lundqvistdallyn.studio

High-contrast monochrome blueprint

Lundqvist & Dallyn presents as a disciplined, high-contrast monochrome canvas, where bold typography and intentional negative space command attention. Visual information is presented with stark clarity, often reversing between black text on white and white text on black. The system uses a single, vibrant teal accent color sparingly, injecting a precise jolt of energy into an otherwise composed and minimal aesthetic. Imagery is integrated as bold, contained blocks, maintaining the overall sense of deliberate, high-impact design.

Original style summary

Lundqvist Dallyn color codes

ColorHEXCSS tokenUsage
Canvas White#ffffff--color-canvas-whitePage and section backgrounds, primary surface for content
Ink Black#1d1d1d--color-ink-blackDark borders and separators for elevated surfaces and inverted UI. Do not promote it to the primary CTA color
Accent Teal#75fbee--color-accent-tealTeal wash for highlight backgrounds, decorative bands, and soft emphasis behind content. Do not promote it to the primary CTA color

Which fonts does Lundqvist Dallyn use?

FontWeightsFallback
Favorit400Arial
AkkuratMonoLLWeb400Menlo
RoleSizeLine heightToken
caption11px1--text-caption
body18px1.7--text-body
subheading21px1.1--text-subheading
heading51px1.2--text-heading
display60px1.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 Lundqvist Dallyn's public website (lundqvistdallyn.studio). It is not an official brand guideline; MakeMyMD is not affiliated with or endorsed by Lundqvist Dallyn. The Lundqvist Dallyn 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