Skip to main content
congar prismcongar.dev ↗Share your taste

Your choices and mix are stored in this link.

Your original edition is preserved.
3 rounds answered3 selected signals55% signal coverage ⓘ

The details make the difference.

Your palette, type, spacing, and shape. A working foundation generated from the choices you made.

CSS variables · ready to use

Six colors. Clear roles.

preserved
Canvas#efeee7

The quiet starting point.

Surface#ffffff

A layer for focused content.

Ink#111311

Your primary reading color.

Muted#65645e

Supporting text and details.

Accent#ff4100

The important next action.

On accent#160b06

Text over your accent.

Select a color to copy its value.

COLOR, VERIFIED

Source palette preserved with role-specific contrast correction

Ratios apply to these exact foreground / background pairs.
  • Ink / canvasMinimum 7:1
    16.05:1Pass
  • Ink / surfaceMinimum 7:1
    18.67:1Pass
  • Muted / canvasMinimum 4.5:1
    5.10:1Pass
  • Muted / surfaceMinimum 4.5:1
    5.94:1Pass
  • Accent / canvasMinimum 3:1
    3.00:1Pass
  • Accent / surfaceMinimum 3:1
    3.50:1Pass
  • Accent ink / accentMinimum 4.5:1
    5.54:1Pass

Type that finds its voice.

Archivo / quiet

Your working display type. Adjust the weight and try your own words.

Make room for meaning.
HEADING / FLUID

Less, with intention.

BODY / 16 PX · 1.6

A useful system gives every element a reason to exist. Space creates hierarchy. Type gives it a voice. Color tells you where to go next.

LABEL / 12 PXSMALL DETAILS.
CLEAR DECISIONS.

A rhythm to build with.

Base 36px
010.25×
020.5×
031×
041.5×
052×
063×

A six-step scale derived from your spacing token.

The shape of a surface.

Base 14px
Small0.5×
Base1×
Large2×

Made to be used.

Real controls, wearing your system. Edit, switch, save, and see how the states respond.

COMPONENT STUDY / 01

A small action.
A complete language.

Try an empty name to see validation. Tab through for focus. Save to see feedback.

DefaultFocusSelectedDisabled

New collection

A space for what comes next.

Collection updates

Keep up with changes.

Interactive preview · changes stay in this specimen.

A little life. A clear purpose.

Six ways to move, composed around your 620ms tempo. Every study is replayable.

drift / selected language

01 / 620 MS

Soft arrival

Bring a new surface into view.

02 / 992 MS

Spring response

Acknowledge a direct interaction.

03 / 1240 MS

Reading rhythm

Introduce a related set in order.

04 / 1116 MS

Curtain reveal

Uncover a meaningful visual moment.

05 / 1488 MS

Shared journey

Connect an item to its destination.

06 / 868 MS

State resolved

Make completion unmistakable.

Motion respects your device’s reduced-motion setting. Each study shows its final state when animation is reduced.

How your choices
fit together.

Open a layer to see how your preferences work together. Complementary defaults complete the categories you didn’t answer.

Visual characterMinimalDefault

No choice was recorded here. Minimal is a supporting default derived from the selected signals. Keep navigation, reading surfaces, and repeated controls spare; leave a clear margin around the primary action. This inferred character guides composition; it does not replace the active palette described in Color roles.

Minimal — Keep navigation, reading surfaces, and repeated controls spare; leave a clear margin around the primary action.

Color rolesPaper heatDefault

No choice was recorded here. Paper heat is a supporting default derived from the selected signals. Bring warm paper neutrals into reading surfaces and use the orange family to emphasize a decision. The starting paper palette supply the color roles. Active tokens after contrast correction: canvas #efeee7, surface #ffffff, ink #111311, muted #65645e, accent #ff4100, accent ink #160b06.

Paper heat — Bring warm paper neutrals into reading surfaces and use the orange family to emphasize a decision.

CompositionSingularYour choice

The current composition leads the opening view; other selected structures organize supporting sections.

Singular — Give the opening view one subject, one sentence, and one next action before revealing supporting detail.

TypographyQuiet groteskDefault

No choice was recorded here. Quiet grotesk is a supporting default derived from the selected signals. Set body copy, labels, and navigation in a measured grotesk with a comfortable reading measure.

Quiet grotesk — Set body copy, labels, and navigation in a measured grotesk with a comfortable reading measure.

Surface layersFlat inkDefault

No choice was recorded here. Flat ink is a supporting default derived from the selected signals. Keep persistent content and input surfaces opaque and flat so information stays crisp.

Flat ink — Keep persistent content and input surfaces opaque and flat so information stays crisp.

Information rhythmGalleryYour choice

Let the opening view breathe; move compact information into supporting inspection views instead of crowding the introduction.

Gallery — Give the opening subject generous space and progressively reveal secondary information.

Motion behaviorDriftYour choice

Assign each selected movement to its own event; controls remain immediate and all motion has a reduced-motion equivalent.

Drift — Let a featured image settle with a slow, small translation once when it enters view.

ControlsSolidDefault

No choice was recorded here. Solid is a supporting default derived from the selected signals. Use a filled control for the primary commitment and a visible pressed state.

Solid — Use a filled control for the primary commitment and a visible pressed state.

Image directionPure graphicDefault

No choice was recorded here. Pure graphic is a supporting default derived from the selected signals. Use composed geometry and the system palette as the primary image; avoid a decorative stock photograph.

Pure graphic — Use composed geometry and the system palette as the primary image; avoid a decorative stock photograph.

LanguageDirectDefault

No choice was recorded here. Direct is a supporting default derived from the selected signals. Write task labels as a clear verb and object, then state exactly what happens next.

Direct — Write task labels as a clear verb and object, then state exactly what happens next.

NavigationReachable dockDefault

No choice was recorded here. Reachable dock is a supporting default derived from the selected signals. Place the most frequent mobile destinations in a reachable labeled dock.

Reachable dock — Place the most frequent mobile destinations in a reachable labeled dock.

System disciplineNamed tokensDefault

No choice was recorded here. Named tokens is a supporting default derived from the selected signals. Name the palette, spacing, radius, and motion roles once and reuse those tokens across every screen.

Named tokens — Name the palette, spacing, radius, and motion roles once and reuse those tokens across every screen.

Your visual balance

contrast
50
warmth
67
order
83
variance
33
material
50
density
0

Relative preference signals, shaped by your mix settings.

Minimal, with singular rhythm.

Build a focus workspace with dock navigation. Use a filled control for the primary commitment and a visible pressed state. Let the opening view breathe; move compact information into supporting inspection views instead of crowding the introduction.

Direction 01

Collection: open with a composed geometric study and the line “Make room for what matters.” in quiet type. Use focus framing and a single explore the collection action.

Direction 02

Journal: No choice was recorded here. Quiet grotesk is a supporting default derived from the selected signals. Set body copy, labels, and navigation in a measured grotesk with a comfortable reading measure. Write task labels as a clear verb and object, then state exactly what happens next.

Direction 03

Product detail: Keep persistent content and input surfaces opaque and flat so information stays crisp. Keep specifications and the next action on an opaque surface.

A starting point for your next project

Build a product around this local recipe. Your 3 selections form a balanced system: quiet grotesk typography, flat ink surfaces, and drift movement. A single lead subject gives the supporting details room to be understood. 9 unselected categories use clearly marked supporting defaults. Visual character: Keep navigation, reading surfaces, and repeated controls spare; leave a clear margin around the primary action. Color roles: Bring warm paper neutrals into reading surfaces and use the orange family to emphasize a decision. Composition: Give the opening view one subject, one sentence, and one next action before revealing supporting detail. Typography: Set body copy, labels, and navigation in a measured grotesk with a comfortable reading measure. Surface layers: Keep persistent content and input surfaces opaque and flat so information stays crisp. Information rhythm: Give the opening subject generous space and progressively reveal secondary information. Motion behavior: Let a featured image settle with a slow, small translation once when it enters view. Controls: Use a filled control for the primary commitment and a visible pressed state. Image direction: Use composed geometry and the system palette as the primary image; avoid a decorative stock photograph. Language: Write task labels as a clear verb and object, then state exactly what happens next. Navigation: Place the most frequent mobile destinations in a reachable labeled dock. System discipline: Name the palette, spacing, radius, and motion roles once and reuse those tokens across every screen. Layout: focus. Navigation: dock. Spacing: 36px. Radius: 14px. Motion duration: 620ms. Use the exported palette roles, semantic HTML, keyboard access, responsive layouts, and reduced-motion alternatives. Treat unselected categories as defaults, not measured preferences.

Make it more you.

A living composition made from your answers. Turn the dials. See what changes.

Live compositionEdition 001
Still / life

Make room for what matters.

A focused collection of objects, ideas, and useful details.

FORM / 001
A study in formFig. 01
Collected with intention.graphic / flat
A working website study, composed from your taste.
The mix
50 / 100
RestrainedUnmistakable
36px rhythm
Close togetherRoom to breathe
620ms response
Take a momentMove quickly

Same taste. A different arrangement.

In this composition
  • One focal point
  • Quiet type
  • Floating dock
  • flat finish

3 chosen signals · 9 complementary defaults

Direction not saved.

Try your system
in practice.

Try your system in different settings. These interactive concepts use your colors, spacing, corners and movement.

01 / Workspace

A little more space to think.

form / workPersonal space
The daily practice

Less noise.
Good work.

A small place for the things that deserve your attention.

Making room1 / 4
Your focus

A considered day

3 open
  • Direction
  • Design
  • Refinement
  • Prototype

Try completing a task, or add one of your own.

02 / Objects

An everyday object, considered.

ordinary objects
A study in everyday things
Light / 001Form follows feeling.
The considered collection

Arc light.

One continuous curve. A pool of light. An exercise in giving an everyday ritual a little more attention.

Brushed aluminum · warm light
$180Illustrative price
1

Concept collection. Explore the objects and try the bag.

03 / Journal

Ideas worth spending time with.

marginNotes on a considered life
Perspective / An original sample essay

The usefulness of empty space.

A pause is part of the composition. What happens when we give it the same care as everything else?

Interactive concepts / Sample contentTry the controls. Changes last while this result is open.

Your choices and mix are stored in this link.

Back to top