Notion
Calidus libellus chartaceus in sole meridiano
Interfacies Notion similis est dilecto libelli chartaceo in plena luce diei: tela calida et cremosa (#f6f5f4) quae tactilis potius quam sterilis est, typographia sine serif generosa pondus editoriale textui producto addit, et color ut interpunctio rara adhibitus — "pilulae" persicinae verba illustrant, caeruleus unicus actionem principalem firmat, et series rotans colorum accentuum (corallium, succinctum, caelum, media nox) fundos chartarum colorat velut imagines glutinantes. Chartae in tela dispositae sunt cum marginibus et angulis tenuibus — nullis umbris, nullo chromo — sicut partes lineatae libelli Moleskine. Animatio est iocosa et elastica, cum transitionibus lenibus ad 200ms et animationibus characterum elasticis quae vitam interfaciei addunt sine ornatu.
Centratum, latitudo maxima ad circiter 1440px limitatur. Elementum principale est acervus centratus: ordo symbolorum → titulus magnus duarum linearum cum pilula colorata inclusa → subtitulus → ordo cum duobus bullis incitationis ad actionem → exemplar magnum UI producti. Sub elemento principali, sectiones alternant inter retiacula chartarum albarum et tabulas accentuum coloribus plenis. Paries logo est reticulum unius ordinis centratum logorum sociorum in scala grisea. Partes linearum dispositionem duarum columnarum utuntur (textus a sinistra, tabula colorata a dextra), alternando inter sectiones a sinistra ad dextram. Sectio "Interroga adiutores tuos pro libitu" reticulum chartarum 2x2 utitur, ubi charta superior totam latitudinem occupat, et ordo inferior in duas columnas aequales dividitur. Spatia inter sectiones ampla sunt (~80px), rhythmum verticalem placidum creantes. Navigatio est vectis superior fixa 64px alta cum elementis navigationis centratis et bullis actionum dextra alignatis.
Illustrationes praecipuae sunt, nullis imaginibus. Lingua visualis constructa est symbolis planis illustratis (marginibus rotundatis in circulis coloratis 2px), elementis decorativis abstractis (rigatis manu depictis, micantibus, sagittis, formis florum), et exemplaribus interfaciei usoris producti. Symbola apparent in fenestra principali ut ordo horizontalis septem avatarum et per paginam dispersa sunt quasi interpunctio iocosa. Imagines producti sola elementa visualia "vera" sunt: ostendunt ipsam interfaciem Notion (tabulas Kanban, prospectus documentorum, tabulas agentium AI) cum plena elementorum copia et veris datis. Exemplar producti in fenestra principali magnum est, in medio positum, et umbram unicam proicit quae id a tela separat. Nullae sunt imagines vitae quotidianae, nullae imagines mercatoriae, nullae abstractae imagines tridimensionales.
Paletta
Nota
- Notion Blue
#0075de— Elementum principale quod bullam incitationis ad actionem (CTA) implet, accentus in navigatione activa, bullae actionum plenae, sola schemata colorum in systemate fere monochromico sunt quae satis saturata sunt ut quasi commutator percipi possint.
Neutralis
- Paper Warmth
#f6f5f4— Tabula paginae, imago fenestrae principalis, et imago sectionis, omnes coloribus calidis, leviter fulvis, sunt, qui systemati sensum tactilem analogicum praebent. - Pure White
#ffffff— Superficies chartarum, tabulae elevatae, fundus insignis, textus discrepans in chartis obscuris. - Ink Black
#000000— Textus principalis, nexus navigationis, tituli - cum varia perspicuitate (100%, 95%, 90%, 60%, 40%, 20%) adhibiti ad hierarchiam construendam sine novis coloribus addendis. - Charcoal
#111111— Optio textus obscuri pro iis partibus UI ubi niger purus nimis asper videretur. - Stone
#757575— Textus navigationis secundarius, textus adiutorius silens, inscriptiones bullarum inactivae - atramentum alphabeticum 60%. - Graphite
#615d59— Textus principalis tonum calidum habet - griseum fuscum, qui cum fundo calido harmonizat.
Typographia
a 12 ad 96px · 10 gradus
- NotionInter — substitutio: Inter · lineamenta 400, 500, 600, 700 · Litterae principale sine serif magnitudine geometrica humanistica est, subtilibus nuantibus ornata, adhibita magnitudinibus 400 pro corpore textus, 500 pro navigatione/interfacie usoris, et 600-700 pro titulis. Scala litterarum spatium litterarum negativum et aggressivum ad magnitudines maiores adhibet (-4.6px ad 96px, -2px ad 72px), quod titulum magis compactum et fidum quam levem reddit.
- Lyon Text — substitutio: Source Serif Pro · lineamenta 400 · Litterae serif editoriales, singulis partibus textus principalis et introductionibus partium reservatae, parce (quater) adhibentur ut typographiae pondus litterarium tribuatur, simile citationi in compositione periodici. Fungitur ut accentus systemicus potius quam hierarchia parallela.
Intervalla et forma
| Propositum | Significatio |
|---|---|
| Densitas | mediocris |
| Gradus fundamentalis | 8px |
| Radius globuli | 8px |
| Radius chartae | 12px |
| Umbrae | nullae - margines loco umbrarum |
| Inter sectiones | 80px |
| Latitudo paginae | 1440px |
Intellegentia artificialis locum tuum interretialem in stylo Notion aedificabit et implebit.
- Imple productis et nuntiis per nexum - Instagram, TikTok, Facebook.
- Contenta ex veteri situ tuo transfer — tantum inscriptionem specifica.
- Designatio moderna in optima machina: React ( Next.js) cum reddendo in servo et optimizatione SEO statim ex arca.
- Optimizatio SEO plene automatica pro eventibus investigationis et commendationibus retium neuralium.
Styli similes
- ElevenLabs — Photographia ex coloribus cremeis calidis cum titulis subtilibus. Liber ad Bauhaus imitans — charta colore testae ovi, atramento nigro, et singulari ornamento purpureo et aurantiaco ad productum exhibendum.
- Awesomic — Rete zincum editoriale cum signis interpunctionis aurantiacis confettium revocantibus
- Monad — Acta technica editorialia in pergamena calida
- Dub — Tabula moderandi chartae oryzae opacae Link
- Seline Analytics — Mensa analytica quieta in charta calida
- Anthropic — Ephemeris scientifica in arte pergamenacea calida—superficies eburneas tranquillas, tituli editoriales serifati, et singularis accentus fictilis qui apparet solum cum actio necessaria est.
- Calendly — Atramentum caeruleum obscurum in marmore frigido
- Augen Pro — Alba praesentatio Apple caeruleum clinicum, leve, electricum ut unicum accentum in spatio monochromatico exhibet.
- Antimetal — Chronica editorialis in charta cremea—mane quietum in periodico scientifico, ubi moderatio fiduciam praebet et litterae serifae onus grave suscipiunt.
- Perk — Calx electrica in charta pergamenacea calida
- Ditto — Officina sole illuminata exempla florum silvestrium creans. Superficies cremeo-calidae, color fundamentalis flavus vividus, atramenta caerulea obscura, formae colorum organicorum post opus florentes.
- Officevibe — Ephemeris editorialis in charta calida cremeo-colore. Finge tibi commentarium de administratione humanarum opum, quasi productum praesentatum—littera cursiva seriphata per modernam caeruleam interfaciem susurrans.