EigenPal

EigenPal

AI Document Automation Workflows
Visit
EigenPal

Product Interfaces

28
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available

๐Ÿ”’ Get SaaSFrame Pro to see 25 more product intefaces from EigenPal

No items found.
No items found.

Visual identity

EigenPal โ€” design reference

Source: https://www.eigenpal.com/. Extracted 2026-10-14. Scope: public marketing website CSS; declared styles, not computed browser values. This is an observed inventory, not an official internal design system.

Typography

  • font-family: var(--font-archivo),Helvetica,Arial,sans-serif โ€” selector body
  • font-size: var(--text-2xl) โ€” selector .text-2xl
  • font-size: var(--text-3xl) โ€” selector .text-3xl
  • font-size: var(--text-base) โ€” selector .text-base
  • font-size: var(--text-lg) โ€” selector .text-lg
  • font-size: var(--text-sm) โ€” selector .text-sm
  • font-size: var(--text-xs) โ€” selector .text-xs
  • font-weight: 800 โ€” selector .display
  • line-height: var(--tw-leading,var(--text-2xl--line-height)) โ€” selector .text-2xl
  • line-height: var(--tw-leading,var(--text-3xl--line-height)) โ€” selector .text-3xl
  • line-height: var(--tw-leading,var(--text-base--line-height)) โ€” selector .text-base
  • line-height: var(--tw-leading,var(--text-lg--line-height)) โ€” selector .text-lg
  • line-height: var(--tw-leading,var(--text-sm--line-height)) โ€” selector .text-sm
  • line-height: var(--tw-leading,var(--text-xs--line-height)) โ€” selector .text-xs
  • line-height: .98 โ€” selector .display
  • line-height: var(--tw-leading,var(--text-4xl--line-height)) โ€” selector .md:text-4xl
  • letter-spacing: -.035em โ€” selector .display
  • letter-spacing: normal โ€” selector .prose-content a
  • letter-spacing: -.02em โ€” selector .prose-content :is(h2,h3,h4)

Colors and surfaces

  • color: var(--foreground) โ€” selector body
  • color: #1f6f60 โ€” selector .text-[#1f6f60]
  • color: #1f8f7a โ€” selector .text-[#1f8f7a]
  • color: #2b5da8 โ€” selector .text-[#2B5DA8]
  • color: #2a8f2a โ€” selector .text-[#2a8f2a]
  • color: #5a64b8 โ€” selector .text-[#5a64b8]
  • color: #6b6459 โ€” selector .text-[#6b6459]
  • background-color: #0000 โ€” selector button,input,select,optgroup,textarea
  • background-color: var(--background) โ€” selector body

Components and layout

  • border-radius: 0 โ€” selector button,input,select,optgroup,textarea
  • box-shadow: inset 0 1px #fff,0 1px #1016230a,0 24px 50px -30px #10162359 โ€” selector .plate-card
  • max-width: 40rem โ€” selector .container
  • max-width: 48rem โ€” selector .container
  • max-width: 64rem โ€” selector .container
  • max-width: 80rem โ€” selector .container
  • max-width: 96rem โ€” selector .container
  • padding: 0 โ€” selector ::file-selector-button
  • gap: calc(var(--spacing)_1) โ€” selector .gap-1
  • gap: calc(var(--spacing)_1.5) โ€” selector .gap-1.5
  • gap: calc(var(--spacing)_2) โ€” selector .gap-2
  • gap: calc(var(--spacing)_2.5) โ€” selector .gap-2.5
  • gap: calc(var(--spacing)_3) โ€” selector .gap-3
  • gap: calc(var(--spacing)_3.5) โ€” selector .gap-3.5
  • gap: calc(var(--spacing)_4) โ€” selector .gap-4
  • gap: calc(var(--spacing)_5) โ€” selector .gap-5
  • transition: border-color var(--duration-base)var(--ease-out) โ€” selector .prose-content a
  • transition: opacity var(--duration-fast)var(--ease-out),transform var(--duration-fast)var(--ease-out) โ€” selector .nav-dropdown
  • transition: opacity .15s โ€” selector .nav-dropdown

Responsive rules

(prefers-reduced-motion:reduce)
(min-width:40rem)
(min-width:48rem)
(min-width:64rem)
(min-width:80rem)
(min-width:96rem)
(hover:hover)
not all and (min-width:64rem)
not all and (min-width:48rem)
(prefers-reduced-transparency:reduce)

Source: https://www.eigenpal.com/. Extracted 2026-10-14. Scope: public marketing website CSS; declared styles, not computed browser values. This is an observed inventory, not an official internal design system.

Original CSS custom-property declarations, grouped by source and selector. Up to 250 declarations; selectors preserved; media-query conditions are not attached to individual declarations.

https://www.eigenpal.com/_next/static/chunks/e25ddfffa021d340.css?dpl=dpl_5w2fC1ym34KBSZQfqoiS4Ttwohn8 โ€” .archivo_af964a3-module**rPavNa**variable

--font-archivo: "Archivo","Archivo Fallback";

https://www.eigenpal.com/_next/static/chunks/e25ddfffa021d340.css?dpl=dpl_5w2fC1ym34KBSZQfqoiS4Ttwohn8 โ€” .ibm_plex_mono_46139293-module**ZgHWIW**variable

--font-plex-mono: "IBM Plex Mono","IBM Plex Mono Fallback";

https://www.eigenpal.com/_next/static/chunks/4296c954ea5c4534.css?dpl=dpl_5w2fC1ym34KBSZQfqoiS4Ttwohn8 โ€” :root,:host

--font-mono: var(--font-plex-mono),ui-monospace,monospace;
--color-yellow-500: #edb200;
--color-white: #fff;
--spacing: .25rem;
--container-2xl: 42rem;
--container-3xl: 48rem;
--text-xs: .75rem;
--text-xs--line-height: calc(1/.75);
--text-sm: .875rem;
--text-sm--line-height: calc(1.25/.875);
--text-base: 1rem;
--text-base--line-height: calc(1.5/1);
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75/1.125);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75/1.25);
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2/1.5);
--text-3xl: 1.875rem;
--text-3xl--line-height: calc(2.25/1.875);
--text-4xl: 2.25rem;
--text-4xl--line-height: calc(2.5/2.25);
--text-5xl: 3rem;
--text-5xl--line-height: 1;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extrabold: 800;
--tracking-tight: -.025em;
--tracking-normal: 0em;
--tracking-wide: .025em;
--tracking-wider: .05em;
--leading-tight: 1.25;
--leading-snug: 1.375;
--leading-relaxed: 1.625;
--radius-sm: .25rem;
--radius-md: .375rem;
--radius-lg: .5rem;
--radius-xl: .75rem;
--radius-2xl: 1rem;
--ease-out: cubic-bezier(.23,1,.32,1);
--ease-in-out: cubic-bezier(.77,0,.175,1);
--animate-spin: spin 1s linear infinite;
--animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1)infinite;
--blur-xl: 24px;
--default-transition-duration: .15s;
--default-transition-timing-function: var(--ease-out);
--default-font-family: var(--font-archivo),Helvetica,Arial,sans-serif;
--default-mono-font-family: var(--font-plex-mono),ui-monospace,monospace;
--ease-soft: cubic-bezier(.2,.8,.2,1);
--duration-fast: .16s;
--duration-base: .22s;
--duration-slow: .35s;
--duration-reveal: .6s;
--color-yellow-500: lab(76.3898% 14.5258 98.4589);

https://www.eigenpal.com/_next/static/chunks/4296c954ea5c4534.css?dpl=dpl_5w2fC1ym34KBSZQfqoiS4Ttwohn8 โ€” :root

--radius: 2px;
--eigenpal-green: #1b4d3e;
--eigenpal-green-light: #2eb52e;
--eigenpal-black: #101623;
--eigenpal-purple: #d1beff;
--grid-border: #d9dde3;
--background: #fafbfc;
--foreground: #101623;
--paper: #fafbfc;
--ink: #101623;
--muted: #5b6470;
--accent: #c0362c;
--ember: #e85a2a;
--navy: #0b101c;
--navy-2: #10151f;
--cream: #f1eee7;
--cream-2: #e7e3d9;
--sky: #9fd0ee;
--amber: #f0a968;

Source: https://www.eigenpal.com/. Extracted 2026-10-14. Scope: public marketing website CSS; declared styles, not computed browser values. This is an observed inventory, not an official internal design system.

Observed design values, with source selectors. Names shown are CSS properties, not invented official token names.

PropertyDeclared valueSelector
font-familyvar(--font-archivo),Helvetica,Arial,sans-serifbody
font-sizevar(--text-2xl).text-2xl
font-sizevar(--text-3xl).text-3xl
font-sizevar(--text-base).text-base
font-sizevar(--text-lg).text-lg
font-sizevar(--text-sm).text-sm
font-sizevar(--text-xs).text-xs
font-weight800.display
line-heightvar(--tw-leading,var(--text-2xl--line-height)).text-2xl
line-heightvar(--tw-leading,var(--text-3xl--line-height)).text-3xl
line-heightvar(--tw-leading,var(--text-base--line-height)).text-base
line-heightvar(--tw-leading,var(--text-lg--line-height)).text-lg
line-heightvar(--tw-leading,var(--text-sm--line-height)).text-sm
line-heightvar(--tw-leading,var(--text-xs--line-height)).text-xs
line-height.98.display
line-heightvar(--tw-leading,var(--text-4xl--line-height)).md:text-4xl
letter-spacing-.035em.display
letter-spacingnormal.prose-content a
letter-spacing-.02em.prose-content :is(h2,h3,h4)
colorvar(--foreground)body
color#1f6f60.text-[#1f6f60]
color#1f8f7a.text-[#1f8f7a]
color#2b5da8.text-[#2B5DA8]
color#2a8f2a.text-[#2a8f2a]
color#5a64b8.text-[#5a64b8]
color#6b6459.text-[#6b6459]
background-color#0000button,input,select,optgroup,textarea
background-colorvar(--background)body
border-radius0button,input,select,optgroup,textarea
box-shadowinset 0 1px #fff,0 1px #1016230a,0 24px 50px -30px #10162359.plate-card
max-width40rem.container
max-width48rem.container
max-width64rem.container
max-width80rem.container
max-width96rem.container
padding0::file-selector-button
gapcalc(var(--spacing)_1).gap-1
gapcalc(var(--spacing)_1.5).gap-1.5
gapcalc(var(--spacing)_2).gap-2
gapcalc(var(--spacing)_2.5).gap-2.5
gapcalc(var(--spacing)_3).gap-3
gapcalc(var(--spacing)_3.5).gap-3.5
gapcalc(var(--spacing)_4).gap-4
gapcalc(var(--spacing)_5).gap-5
transitionborder-color var(--duration-base)var(--ease-out).prose-content a
transitionopacity var(--duration-fast)var(--ease-out),transform var(--duration-fast)var(--ease-out).nav-dropdown
transitionopacity .15s.nav-dropdown

Source: https://www.eigenpal.com/. Extracted 2026-10-14. Scope: public marketing website CSS; declared styles, not computed browser values. This is an observed inventory, not an official internal design system.

Evidence and limitations

  • Values come directly from downloaded stylesheets. Selector context is retained to distinguish elements; individual media-query conditions are not retained.
  • CSS cascade, active viewport, runtime styles, interactive states and private product UI were not verified. Colors or dimensions in utility classes may be unused on this page.
  • No inferred dark theme, semantic color roles or framework defaults have been added.
  • 76 custom-property declarations found; 747 relevant property declarations parsed.

Stylesheet sources